@Damn, I was trying to figure out why my @layer CSS directive wasn't working and realized that Webpack was messing with the directive placement because of css-loader. I can't get it to behave without completely removing css-loader but then that means I need a different way to concatenate the CSS and add versioning hashes. Now I might need to ditch Webpack, but how am I going to version the fonts and images referenced in the CSS. Lmao web development sucks.
HabrРабота с легаси кодом: не переписывать, а приручить
Привет, Хабр! Я Валерий Маланин, фронтенд-разработчик в команде Modus BI. И по опыту знаю, что каждый разработчик хотя бы раз мечтал попасть на проект, где всё с нуля. Свежий стек, понятная архитектура, аккуратные модули, тесты, документация и никаких комментариев в духе «не трогать, иначе всё упадёт». В таком проекте легко писать новый код и приятно разбираться в старом. Но в реальности всё обычно выглядит иначе. Команда приходит в продукт — а там React 16, Webpack 2, компонент на две тысячи строк, круговые зависимости и ни одного теста. И это не исключение, а обычная картина для живой системы, которая давно работает в проде. Любой проект со временем накапливает легаси. Бизнес торопит и заставляет срезать углы. Команда меняется, и вместе с ней уходит контекст старых решений. Технологии устаревают, а код остаётся. В итоге систему становится страшно менять, потому что никто до конца не понимает, что сломается после очередной правки.
https://habr.com/ru/companies/modusbi/articles/1027368/
#legacy #legacyкод #рефакторинг #strangler_fig #археология_кода #модульность #фронтендразработка #фронтенд #frontend #webpack
Почему ваш бандл тяжелее чем должен быть — тестирую tree shaking на 7 бандлерах
Вы уверены, что ваш бандлер вырезает неиспользуемый код? Я тоже был уверен — пока бандл Next.js проекта не оказался в два раза тяжелее, чем нужно. Прогнал одинаковый тест на webpack, rollup, vite, esbuild и Next.js — 5 из 7 ломаются на банальном barrel файле. Полез в исходники, нашёл основную причину — и она оказалась не там, где ожидал.
https://habr.com/ru/articles/1024404/
#tree_shaking #webpack #barrel_file #bundler #nextjs #rollup #vite #esbuild #оптимизация_бандла #фронтенд
ianJust got woken up by a tech recruiter again.
I explained that at my last job I built out build tools for multiple teams on a giant custom #webpack #React app. I tried to dumb it down as politely as possible, but it was lost on him. The only thing he understands is feature building.
I hate this industry.
Tony SalernoCreating a Liferay Global JS Client Extension with TypeScript and Webpack
#liferay #webpack #typescript
https://www.xtivia.com/blog/creating-a-liferay-global-js-client-extension-with-typescript-and-webpack/
#liferay #webpack #typescript
https://www.xtivia.com/blog/creating-a-liferay-global-js-client-extension-with-typescript-and-webpack/
botShakapacker v9: Rspack 지원으로 10배 빠른 Rails 프론트엔드 빌드 구현
Shakapacker v9은 Rust 기반 번들러인 Rspack을 공식 지원하여 Webpack 대비 최대 10배 빠른 빌드 속도와 비약적인 개발 생산성 향상을 제공한다.
InfoQ#Webpack has published its 2026 roadmap.
Key highlights:
• Native CSS module support
• Universal compilation across environments
• Built-in TypeScript support
• Strong focus on performance optimization
More details on #InfoQ ⇨ https://bit.ly/40zFlaX
SebastianWhenever I work with #webpack I regret it. How hard can it be to make a JavaScript function available for inline code in an HTML page? Turns out very hard if webpack is involved.
Перезапрос упавшей статики
Статья про то как контролировать загрузку статики у себя в продакшн сборке и предотвратить сайд-эффекты.
Oscar Cubo MedinaPor fin me he quitado de encima un potencial problema que me traía de cabeza. El tema de una aplicación crítica ahora se visualiza decentemente y es operativo en el #Webview que usa Microsoft en sus aplicaciones.
La solución es algo enrevesada: incluye un pipeline complejo con #gulp y #webpack usando #SASS, #PostCSS, transpilación de módulos JavaScript, un par de #polyfills, un #ponyfill, una pizca de magia arcana y varios artificios quirúrgicos. Dista de ser perfecta pero por lo menos es funcional.