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.
HabrПерезапрос упавшей статики
Статья про то как контролировать загрузку статики у себя в продакшн сборке и предотвратить сайд-эффекты.
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.
Frontend Dogma[Webpack] Roadmap 2026, by @evenstensberg.bsky.social:
Mr. WillNext.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...
HaraldStill using #webpack or other bundlers for your Java/TypeScript projects?
Two more things I came across today which make them less needed:
- css nesting: https://developer.mozilla.org/en-US/docs/Web/CSS/Guides/Nesting
- importmap: https://developer.mozilla.org/en-US/docs/Web/HTML/Reference/Elements/script/type/importmap
Nice.👍 😎
Austin AndrewsSwitching 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. 🙃
Sebastian BeltranOkay, today I spent time organizing the webpack security group. Tomorrow I’ll do the same with the Express TypeScript group.
Module Federation на примере фишинга
Разберём микрофронтенд через историю вымышленного хакера — и заодно поймём, почему это спрашивают на собеседованиях. Недавно на собесе меня спросили: "А как именно работают микрофронты? Там что, прямо eval используют?" Я что-то промямлил про expose, host, сборку... и понял, что вообще не понимаю сути. Знакомо?
https://habr.com/ru/articles/979242/
#microfrontends #микрофронтенды #вебпак #webpack #module_federation
