home.social

#esbuild — Public Fediverse posts

Live and recent posts from across the Fediverse tagged #esbuild, aggregated by home.social.

fetched live
  1. Anyone know how to get esbuild to copy WASM from an npm package into `outdir`?

    github.com/Tschrock/esbuild-pl seems to work OK for your own WASM, but won't pull from node_modules.

    (I don't understand the WASM toolchain really yet)

    #esbuild #Javascript #wasm

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

    Вы уверены, что ваш бандлер вырезает неиспользуемый код? Я тоже был уверен — пока бандл Next.js проекта не оказался в два раза тяжелее, чем нужно. Прогнал одинаковый тест на webpack, rollup, vite, esbuild и Next.js — 5 из 7 ломаются на банальном barrel файле. Полез в исходники, нашёл основную причину — и она оказалась не там, где ожидал.

    habr.com/ru/articles/1024404/

    #tree_shaking #webpack #barrel_file #bundler #nextjs #rollup #vite #esbuild #оптимизация_бандла #фронтенд

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

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

    habr.com/ru/companies/first/ar

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

  4. 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 dev.to/louwers/bundling-withou). 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. 🫡

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

    esbuild.github.io/try/#YgAwLjI

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

  6. Comment utiliser **esbuild** pour packager les ressources de votre site Eleventy.

    🔗 danburzo.ro/notes/eleventy-esb

    #eleventy #esbuild

  7. You can now load #TypeScript files with #NodeJS, but it just erases types. That means cannot load .tsx files, for example.

    Luckily it is quite easy register a custom loader now. nodejs.org/api/module.html

    Just wrote this one that uses #esbuild.

    ```
    node --import ./tsx-loader.ts some-other-file.ts
    ```

  8. #tersoftware como já falaram do hugo, eu vou trazer um beeem diferente.

    O Griffin, gerador de site estático em #elixir ainda estou testando, mas é baseado no #gohugo e #11y, o que me fez considerar ele é a integração builtin com #esbuild e #tailwind

    github.com/elixir-griffin/grif

  9. 📝 esbuild's build API is pretty cool

    #nix #javascript #esbuild

    had some free time to mess around with esbuild for a pet project, and wrote a simple post about it :D

    sekun.net/blog/esbuilds-build-

  10. @rauschma

    I've made some tests bundle vs modules (~ 60 files) on my personal web site a year ago (sorry only in french).

    Benefits of the bundle (esbuild) :

    * smaller code size
    * page loads faster

    omacronides.com/notes/2024-01-

    #javascript #bundle #esbuild

  11. 🛠️ Built in #Rust, offering performance comparable to #esbuild - 10-30x faster than #Rollup

    ⚡ Complete plugin compatibility with existing #Vite ecosystem

    🔧 Integrated support for #TypeScript, JSX transforms, and CSS bundling

  12. 🎁 Holiday Gift: #Rolldown 1.0.0-beta.1 Release After a Year of Development

    #Rolldown is a next-generation #JavaScript bundler written in #Rust, designed to become the future bundling engine for #Vite. It combines the speed of #esbuild with #Rollup's flexibility.

    🧵👇

  13. #esbuild has a *nice* bonus of transpiling CSS, which will allow me to ditch the SASS dependency and write plain CSS with nested declarations.

    I may still encounter issues with lib imports in my test (such as the chrome/browser specific to browser addons) but I'm confident these will be solved.

    Now I "just" need to port this setup to my actual project (and surely write a blog post about this 😂)

  14. Since I'm stubborn, I couldn't let it go. I spent more time on this yesterday evening and this morning, trying to build a very minimal project similar to mine and start the whole config from scratch: basic build, then tests, then more advanved build, then typescript.

    And I got something to work. For now, my solution involves #esbuild, #typescript and #jest. With #esmodules 😍

  15. #npm, le gestionnaire de modules un tantinet bordélique de #nodejs, a tendance à s'étaler comme un sagouin en mode YOLO.

    Et on a beau avoir que 2-3 dépendances dans ses projets (#eslint, #esbuild, ...), on peut vite se retrouver avec un cache npm de plus de 1 Go...

    1 PUTXXX DE GIGA. 😠

    Pour des applications web qui font 50 Ko minifiées.

    Donc ne pas oublier de faire #nettoyage de tant à autre :

    npm cache clean --force

    Je passe ainsi de 1 Go à 2.5 Mo !

    #javascript #code

  16. На минут так 15 пожалел, что продал #esbuild за кастомность бандла с моим ранее любимым #Parcel-ом. Кажется, он очень изменился...

    PARCEL, ЧТО ТЫ КАЧАЕШЬ ТАМ ТАКОЕ, ЁПРСТ??? Изыди!

  17. Как сделать один плагин сразу для всех сборщиков фронтенда?

    Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin . Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату. Сразу стоит уточнить: это не туториал, а скорее case-study.

    habr.com/ru/articles/856028/

    #webpack #vite #rollup #mlut #atomic_css #esbuild #unplugin #плагин #tailwind #css

  18. Uh oh… #Netlify doesn't like this new version at all… 😱

    Either #esbuild fails, or the build time is too long for Netlify time limit… 😞

    The build time did increase a lot compared to my previous version with Eleventy 2. But with so many changes (Eleventy version, CJS -> ESM, features moved to a plugin), difficult to know where the time really increased.

    @eleventy

  19. Hab heute versucht unser #Angular Projekt für #NativeFederation aufzusetzen. Das umstellen auf #esbuild hat immerhin geklappt. Sobald ich #NativeFederation aktiviere läufts allerdings nicht mehr. Hab aktuell auch keinen Anhaltspunkt wo das Problem liegt 🫠

    Edit: Es handelt sich um eine Standalone-Anwendung.
    Folgender Fehler: `ng0304: 'mat-sidenav-container' is not a known element (used in the '_a56' component template)`.

    Die Komponenten sind korrekt importiert. Ohne NF klappt es.

  20. 📣 New #webdev related blog post here, introducing my take on what a #Django project template could be for an advanced usage. Obviously #astraluv is there, but also #justsystems , #esbuild , and... #SOPS 🔐

    It's very early stage so please tell me what do you think about it 🙏

    david.guillot.me/en/posts/tech