Nueva herramienta para construir plugins WordPress

Conocé @wordpress/build: la herramienta construcción plugins WordPress con esbuild integrado. Reemplaza webpack y Babel. Aprendé cómo implementarla.

https://seguridadenwordpress.com/wordpress-build-herramienta-construccion-plugins/

#wordpress #plugins #herramientasdesarrollo #esbuild #construccion

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

Post >> Hugo’s new CSS powers • A recent update can make it easier than ever to style your site, depending on how you want to do that styling.

https://www.brycewray.com/posts/2026/04/hugos-new-css-powers/

#CSS #webdev #Hugo #preprocessing #postprocessing #PostCSS #LightningCSS #Sass #scss #esbuild #cssBuild

[Перевод] Vite 8.0: долгожданный Rolldown

13 марта 2026 года вышла новая мажорная версия инструмента для сборки фронтенд‑приложений — Vite 8. Главным изменением стал переход на новый бандлер Rolldown, написанный на Rust. Теперь Vite использует единый инструмент вместо связки esbuild и Rollup, что позволяет значительно ускорить сборку — по заявлениям разработчиков, в некоторых проектах прирост достигает 10–30 раз. Это самое значительное изменение архитектуры Vite со времени выхода Vite 2. Кроме этого, в релизе появились встроенные devtools, улучшенная поддержка TypeScript, новые возможности для SSR и ряд изменений в экосистеме плагинов. На основе поста в официальном блоге Vite 8 разберём ключевые нововведения и как они повлияют на разработку.

https://habr.com/ru/companies/first/articles/1009646/

#vite #сборщик #react #vue #voidzero #vitejs #rolldown #rollup #esbuild #nuxt

Wrapping Mermaid Diagrams in a Web Component

https://blog.lmorchard.com/2026/01/28/mermaid-web-component/

TL;DR: I've been wanting to add diagram support to my blog posts for a while now. I saw beautiful-mermaid on Hacker News and thought it was neato. But, I felt super lazy, so I tasked Claude Code with wrapping it in a web component.

#webdev #javascript #webcomponents #mermaid #esbuild

I am intrigued by workflows without bundlers, but a lot of #JavaScript dependencies need to be bundled. esm.sh had an HTTP API for bundling server side (see https://dev.to/louwers/bundling-without-a-bundler-with-esmsh-3c2k). It's defunct now.

Looking at the source code of esm.sh it just installed a bunch of user-specified npm dependencies and bundled them with #esbuild. It's complete madness that only deranged JS devs would come up with. So naturally I want to recreate it.

Here is the API documentation of @pnpm/core. Wish me luck. 🫡

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

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

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

Note to self: #esbuild playground environment with all the settings for debugging `ngDevMode` tree shaking:

https://esbuild.github.io/try/#YgAwLjI3LjEALS1idW5kbGUKLS1taW5pZnktc3ludGF4Ci0tZm9ybWF0PWVzbQotLWRlZmluZTpuZ0Rldk1vZGU9ZmFsc2UAZQBlbnRyeS50cwA

(I find the configuration very confusing to figure out and keep struggling each time I need to do this.)