Lmst

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

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

🔗 https://danburzo.ro/notes/eleventy-esbuild/

#eleventy #esbuild

Using esbuild in Eleventy, by @db:

https://danburzo.ro/notes/eleventy-esbuild/

#eleventy #esbuild

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. https://nodejs.org/api/module.html

Just wrote this one that uses #esbuild.

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

$import esbuild from 'esbuild'; import { type LoadHookSync, setSourceMapsSupport, registerHooks } from 'node:module'; setSourceMapsSupport(true); const TSX = /\.tsx$/i; const load: LoadHookSync = (url, context, nextLoad) => { if (TSX.test(url)) { const { source } = nextLoad(url, { ...context, format: 'tsx' }); if (!source) throw new Error(`failed to load ${url}`); const result = esbuild.transformSync(source.toString(), { loader: 'tsx', format: 'esm', sourcemap: 'inline', jsx: 'automatic', target: 'es2020', }); return { format: 'module', shortCircuit: true, source: result.code, }; } return nextLoad(url, context); } registerHooks({ load });$

#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

https://github.com/elixir-griffin/griffin

https://www.youtube.com/watch?v=O7U-b9knR6U

#vite #esbuild #plugin #bundle

📝 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

https://sekun.net/blog/esbuilds-build-api-is-pretty-cool/

I'm still struggling building a development chain for a #PERL application (a REST-API server), that I'm writing on my notebook and want to ship on several air-gapped production servers.
I cannot run container images on target servers, so docker/podman are a no go.

To avoid problems with dependencies, I heavily searched for some "bundler" (like #esbuild I'm using for Node), but I failed 😠 . I met #carton but as it need to be run on production, this is a no-go as well...

Any suggestion?

@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

https://omacronides.com/notes/2024-01-11

#javascript #bundle #esbuild

speaking of shrinking bundles, shout out to #esbuild - not just for being cool and really quick and supporting tree shaking, but also for having a really useful bundle analysing tool. this is very useful for determining what's taking up space and also shows you what's still using CJS. incredibly helpful :3

RE: https://is.horse/notes/a2qsnh5dwscm0ib1

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

🧵👇

🛠️ 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

#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 😂)

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 😍

#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

Like, absolute worst-case scenario, I could just use our build system to have #esbuild generate an all-in-one JS file for each handler and then regex through that #JavaScript to find the low-level IAM-related calls ... but that just seems like a total hack.

(And yet may be the easiest solution.)

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

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

Запустил в консоли команду "deno add" с намерением добавить зависимость разработки, пакет Parcel версии 2.13 из реестра npm. Результат: выкачивается куча непонятной ерунды больше 15 минут.

Из вещей на скачивание виднеются: core-linux-x64-musl, rust-2.13.2.tgz и пр.

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

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

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

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

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

#ESBuild

Client Info