🙋🏻‍♂️Немного о том, что происходит со мной и каналом.
В разгар пандемии и кризиса я получил новую интересную должность - теперь я архитектор в компании Яндекс ☺️
Пока погружаюсь в новую должность - времени на канал не очень много, но обещаю, что впереди еще много всего интересного. Как говориться, stay tuned.
Здоровья вам, берегите себя ❤️

🗓 Друзья, мое выступление на HolyJS состоится 23 июня в онлайн формате https://holyjs-piter.ru/2020/spb/talks/5j5rzpe4zskxtbdc0zfo4y/

Слайды моего выступления на HolyJS

https://www.icloud.com/keynote/0LybdIQd_AEyBsGPQ5-aSgt0A#webpack-wild
#holyjs #webpack #слайды

Свершилось! Полным ходом разрабатываю полностью переосмысленную версию Webpack Runtime Analyzer - https://github.com/smelukov/webpack-runtime-analyzer
Скоро будут новости 😊

Друзья, я пошел еще дальше и завел канал на YouTube! 🚀
Хочется сделать из WDXLab - познавательный проект про веб-разработку (а может и не только про веб)
Посмотрим что из этого получится ;)
Буквально только что зарелизил первое видео! 🎉
YouTube пока обработал только в стандартном качестве, чуть позже видео станет доступным в 4k
Смотрите, оставляйте комментарии, пишите как вам звук и формат, делитесь видео с друзьями ;)

P.S.: в плейлистах собраны все мои выступления и скринкасты с других каналов, разного качества и давности 🙈

https://youtu.be/O6clOLuHM9w

На следующей неделе веду https://twitter.com/jsunderhood
Поболтаем про ООП, вебпак и разработку в целом ☺️

Есть интересные мысли по результатам последнего опроса и это очень кстати. Обсудим это на следующей неделе в Твиттере. Надеюсь, что попал в «больную» тему )

Напоминаю, что на этой неделе я веду jsunderhood
Получается гремучая смесь из примеров на TS/Flow/Kotlin/C++
Твиттер, конечно, супер-неудобная штука для таких дискуссий...
Быстрые ссылочки:
https://twitter.com/jsunderhood/status/1292808794205036544
https://twitter.com/jsunderhood/status/1293921718499778560
https://twitter.com/jsunderhood/status/1292809217586405377

https://youtu.be/ahkH2Oo3aMA
Дал интервью моим давним друзьям из Loftblog
Для них мой уход из Авито стал шоком 🤭
Рассказал о том, как это было

10 октября (или около того) ждем полноценный релиз webpack 5 ☺️

📝Добавил в webpack поддержку browserslist.
Если в вашем проекте будет найден конфиг для browserslist, то webpack использует его для определения ES-фич, которые он может использовать при формировании runtime-кода (это код, в который webpack оборачивает модули и сам чанк).
Например, если в вашем конфиге для browserslist указан браузер, который не поддерживает стрелочные функции (например IE11), то вебпак будет оборачивать модули в обычные функции вместо стрелочных и т.д.
Помимо стрелочных функций, вебпак пытается определить из конфига поддержку и некоторых других фич языка (например forFf или globalThis).
Так же, вебпак попытается определить из browserslist-запроса тип платформы, под которыую вы собираете проект, например, если в вашем browserslist-конфиге указано last 2 node versions, то вебпак поймет, что вы собираете бандл под ноду.
Дело не ограничивается одним лишь конфигом для browserslist, сам конфиг вебпака обзавелся новым синтаксисом:

target: "browserslist" - использовать ближайший найденный browserslist-конфиг для определения ES-фич и платформы (из ближайшего package.json, .browserslistrc или переменной среды `BROWSERLIST`). Используется по-умолчанию
target: "browserslist:modern" - использовать ветку modern из конфига browserslist
target: "browserslist:last 2 versions" - явно указываем запрос, минуя конфиг
target: "browserslist:/path/to/config" - явно указываем путь к конфигу (будет полезно для бойлерплейтов, которые используют вебпак)
target: "browserslist:/path/to/config:modern" - явно указываем путь к конфигу и ветку, которую нужно использовать

Включено в webpack 5.0.0-rc.1 🎉

Добавил в документацию немного информации о том, как в webpack 5 будет работать свойство target - https://webpack.js.org/configuration/target/

11 минут назад состоялся стабильный релиз webpack 5.0 🎉🎉🎉
Полное описание релиза можно прочесть здесь https://webpack.js.org/blog/2020-10-10-webpack-5-release/

Привет! Хочу поделиться с вами полезным ботом, которым пользуюсь сам.
@github_releases_notify_bot - это бот, который может уведомлять вас о релизах в интересующих вас репозиториях на гитхабе.
Просто скажите боту за какими репозиториями хотите следить и он будет уведомлять вас о новых релизах.
Разработкой бота занимается мой бывший коллега Николай Рябов (@pyatyispyatil)
Бот с открытым исходным кодом, поэтому если хочется куда-нибудь поконтрибьютить, то милости просим 😉

📦 Недавно я объявил о том, что работаю над новой версией webpack analyzer'а и пообещал, что скоро будут интересные новости.
Вот вам и новость, а точнее демо ОДНОЙ ИЗ фич нового аналайзера.
Аналайзер покажет вам какие пакеты используются в вашем проекте, сколько у этих пакетов копий и где они находятся и откуда подключаются:
- в каких чанках
- в каких пакетах
- в каких модулях (где именно и в каком виде)

Это здорово упрощает процесс поиска дублей пакетов в ваших проектах и помогает понять как и почему тот или иной пакет попадает в вашу сборку

Впереди еще много интересного, буду понемного обо всем рассказывать.
А когда все будет готово, обязательно расскажу о том, как и на чем всё это сделано ☺️

#webpack #analyzer

Друзья, расширяю способы общения с вами ☺️

Телеграм - есть ✅
Ютьюб - есть ✅ (давно туда ничего не выкладывал, надо исправить 🤔)
Теперь есть и инстаграм https://www.instagram.com/smelukov_dev
Завел буквально недавно, выкладываю туда более лайтовый контент, зато с фотками и видео 😊

А вот и свежая фича Статоскопа.
Прямо на главной странице есть вкладки с быстрыми списками: точки входа, чанки, модули, ассеты, пакеты (про пакеты говорили в предыдущем посте).

Посмотрим на вкладку с точками входа.
Здесь можно посмотреть какие модули, чанки и ассеты входят в эту точку входа, боле того, чанки и ассеты разделены на синхронные (загружаются сразу) и асинхронные (загружаются через динамические импорты).
Сразу же можно посмотреть кто и где эти модули или чанки подключает и так далее, вглубь, пока цепочка подключений не закончится.
Вам не нужно никуда переходить, чтобы "размотать" всю цепочку подключения модуля или чанка. Поэтому эти списки называются "быстрыми".