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

Still 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.👍 😎

#JavaScript #TypeScript #css #importmap

CSS nesting - CSS | MDN

The CSS nesting module defines a syntax for nesting selectors, providing the ability to nest one style rule inside another, with the selector of the child rule relative to the selector of the parent rule.

MDN Web Docs

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

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

Разберём микрофронтенд через историю вымышленного хакера — и заодно поймём, почему это спрашивают на собеседованиях. Статья собрана по заметкам в телеграм канале . Недавно на собесе меня спросили: "А...

Хабр
The JavaScript Bundler Grand Prix

The desire to shave milliseconds off JavaScript build times has been relentless, but progress has been slow. Recently, several companies have stepped up to address this challenge by supercharging their JavaScript bundlers: Vercel, a cloud platform; VoidZero, Evan You’s startup focused on JavaScript ecosystem infrastructure; and ByteDance, the consumer services giant best known for TikTok.

console.log()