Почему ваш бандл тяжелее чем должен быть — тестирую 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 #оптимизация_бандла #фронтенд

Почему ваш бандл тяжелее чем должен быть — тестирую tree shaking на 7 бандлерах

Как всё началось По крайней мере, так должно работать. На практике результат зависит от бандлера и способа импорта — и именно это я проверял. В августе 2024 я наткнулся на проблему в рабочем проекте...

Хабр

Just 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.

Creating a Liferay Global JS Client Extension with TypeScript and Webpack

Learn to create a Liferay global JS client extension using TypeScript and modern Webpack for better performance and tooling.

XTIVIA

Shakapacker v9: Rspack 지원으로 10배 빠른 Rails 프론트엔드 빌드 구현

Shakapacker v9은 Rust 기반 번들러인 Rspack을 공식 지원하여 Webpack 대비 최대 10배 빠른 빌드 속도와 비약적인 개발 생산성 향상을 제공한다.

🔗 원문 보기

Shakapacker v9: Rspack 지원으로 10배 빠른 Rails 프론트엔드 빌드 구현

Shakapacker v9은 Rust 기반 번들러인 Rspack을 공식 지원하여 Webpack 대비 최대 10배 빠른 빌드 속도와 비약적인 개발 생산성 향상을 제공한다.

Ruby-News | 루비 AI 뉴스

#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 #InfoQhttps://bit.ly/40zFlaX

#WebDevelopment #JavaScript #TypeScript #Bundlers #HTML

Whenever 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.

Перезапрос упавшей статики

Статья про то как контролировать загрузку статики у себя в продакшн сборке и предотвратить сайд-эффекты.

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

#чанки #статика #cdn #webpack

Перезапрос упавшей статики

Современное фронтенд-приложение после сборки - это не один большой JS-файл, а главный entry-point и набор чанков : файлов, которые подгружаются по требованию при динамическом импорте ( import() ,...

Хабр

Por 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.

[Webpack] Roadmap 2026, by @evenstensberg.bsky.social:

https://webpack.js.org/blog/2026-04-02-roadmap-2026/

#webpack

Roadmap 2026 (2026-02-04) | webpack

webpack is a module bundler. Its main purpose is to bundle JavaScript files for usage in a browser, yet it is also capable of transforming, bundling, or packaging just about any resource or asset.

webpack

Next.js has two critical bugs that make it troublesome when developing in a non-Tailwind project.

I recently encountered them and spent much time trying to make my project work again, but failed.

When I browsed the issues, I found that I was not alone.

#79531: https://github.com/vercel/next.js/issues/79531
#83941: https://github.com/vercel/next.js/issues/83941

#vercel #nextjs #tailwindcss #webpack #turbopack #css #csslayers

CSS import order differs between dev turbopack and prod webpack · Issue #79531 · vercel/next.js

Link to the code that reproduces this issue https://github.com/brijeshb42/nextjs-css-order-repro To Reproduce TLDR: The import order of css files changes between dev (with Turbpack) and prod (witho...

GitHub