Switching over from Webpack 5 to ESbuild for several projects. The out of the box configuration is just working and much simpler. Rewriting a custom plugin at the moment and liking the way they setup things.

Not planning to benchmark it or anything, but it's at least 10x faster, but I bet my webpack config was not correct as it's migrated from 3->4->5 over the years and I really never knew what I was doing. 🙃

#webpack #esbuild

Okay, today I spent time organizing the webpack security group. Tomorrow I’ll do the same with the Express TypeScript group.

#expressjs #nodejs #webpack #webdev

Module Federation на примере фишинга

Разберём микрофронтенд через историю вымышленного хакера — и заодно поймём, почему это спрашивают на собеседованиях. Недавно на собесе меня спросили: "А как именно работают микрофронты? Там что, прямо eval используют?" Я что-то промямлил про expose, host, сборку... и понял, что вообще не понимаю сути. Знакомо?

https://habr.com/ru/articles/979242/

#microfrontends #микрофронтенды #вебпак #webpack #module_federation

The JavaScript Bundler Grand Prix, by @kateholterhoff (@redmonk):

https://redmonk.com/kholterhoff/2025/12/16/javascript-bundler-grand-prix/

#javascript #bundling #tooling #vite #bun #rolldown #webpack #rollup #parcel #esbuild #history

Дети, запомните: если дядя из туториала предлагает вам начать проект на Express.js… Рейтинг opensource для фронтенда

Всем привет! Меня зовут Алексей Золотых, я тимлид команды веб-редакторов в МойОфис . Недавно мы запустили новое шоу АйТир Лист. В каждом выпуске мы берём одну тему из мира разработки и раскладываем всё по тир-листу: от FAIL до GOD . В пилотном выпуске мы с коллегой — Александром Коротаевым, фронтенд-гуру и энтузиастом креативного кодинга, прошлись по популярным опенсорс-инструментам для фронтенда: от тех, которые пора отпускать, до тех, что стали эталоном. Эта статья — расширенная версия выпуска. Под катом рассказываем, что у нас попало в FAIL , кто выжил на уровне MVP , кого мы поставили в SENIOR и кто, по нашему мнению, заслужил звание GOD . Дисклеймер: мы с большим уважением относимся ко всем упомянутым проектам. Многие из них помогли индустрии вырасти. Но сегодня мы смотрим на них через призму вопроса: что бы мы посоветовали новичку или команде в 2025 году.

https://habr.com/ru/companies/ncloudtech/articles/975012/?utm_source=habrahabr&utm_medium=rss&utm_campaign=975012

#express #фронтенд #опенсорс #опенсорс_библиотеки #expressjs #create_react_app #momentjs #webpack #nextjs #typescript

Дети, запомните: если дядя из туториала предлагает вам начать проект на Express.js… Рейтинг opensource для фронтенда

Всем привет! Меня зовут Алексей Золотых, я тимлид команды

https://habr.com/ru/companies/ncloudtech/articles/975012/

#express #фронтенд #опенсорс #опенсорс_библиотеки #expressjs #create_react_app #momentjs #webpack #nextjs #typescript

Не спешите выкидывать Webpack: разбор альтернатив и реальных сценариев миграции

Привет, Хабр! На связи Никита Ли, я Frontend-разработчик в Рунити. Вокруг сборщиков последние годы кипят страсти: большинство боготворит Vite, кто-то экспериментирует с esbuild, а энтузиасты активно продвигают инструменты на базе Rust — прежде всего Rspack и SWC. На фоне этого Webpack нередко называют пережитком, который якобы тормозит развитие команд. Но жизнь реальных продуктов куда сложнее, чем пишут в соцсетях . Иногда Webpack остается единственным зрелым вариантом. А иногда — мешает и действительно требует замены. В этой статье я попробую разобраться, откуда вообще взялись сборщики и что именно происходит внутри Webpack, насколько современные альтернативы действительно готовы его заменить, почему в Рунити мы осознанно продолжаем использовать Webpack в основных продуктах и в каких случаях смена сборщика действительно имеет смысл, а в каких может обернуться лишней тратой времени и сил без ощутимой выгоды.

https://habr.com/ru/companies/runity/articles/974916/

#сборка_проекта #webpack #vite #bundler #сборщик

Статичный сайт на webpack5 с svg sprite

Этот стартовый сборка для разработки статичного сайта на Webpack5. Максимально упростил разработку: можно подключать встариваемы модули шаблонов для страниц (header/footer), использовать SASS с удобными миксинами, автоматически собирать SVG-спрайты для иконок. Для продакшна - минификация CSS/JS, удаление console.log и разделение кода на чанки для кэширования. Ключевые части сборки: html-webpack-plugin генерирует HTML из src/html/views, raw-loader подтягивает include-фрагменты. SCSS миксины для удобных медиа запросов, краткой их записи +r($md). Автоматическая генерация SVG-sprite, svg-sprite-loader собирает все src/icons/*.svg в inline-спрайт — иконки затем вставляются в шаблоны через .

https://habr.com/ru/articles/974098/

#webpack5 #webpack #scss_миксин #sass #npm #сборка_проекта #svgsprite #svg

Hey there, how about we talk about two things. First, how tooling can help you learn a new programming language, and second, how most of the web is tied together with duct tape and a lot of prayers.

https://jeferson.me/blog/2025/12/06/old-stuff

#ESBuild #GoLang #Javascript #LSP #Learning #NeoVIM #Productivity #Programming #Refactoring #Software #Tooling #Treesitter #Typescript #Webpack #Zig

Webpack template mã nguồn mở cho người mới bắt đầu! 🚀 Chỉ cần clone, chạy `npm i` và `npm start` là code được ngay. Dành cho ai muốn tập trung vào code JS/TS/NPM mà không lo cấu hình.

#webpack #opensource #webdev #javascript #npm #manguonmo #laptrinhweb #javascript

https://www.reddit.com/r/opensource/comments/1pa12l2/made_a_beginnerfriendly_opensource_webpack/