Ok so: I've created a template for GNOME TS apps that uses esbuild instead of the TS compiler
Advantages? Everything is bundled in just 1 file, you can import your .ui files directly, you can actually use TS paths, and you can even import dependencies from npm (as long as they don't depend on Node or any other runtime)
I'm yet to create a plugin for importing Blueprint files x3
But anyway, linking the template: https://codeberg.org/nyx_lyb3ra/gnome-ts-template
📝 esbuild's build API is pretty cool
had some free time to mess around with esbuild for a pet project, and wrote a simple post about it :D
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?
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
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 !
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, ЧТО ТЫ КАЧАЕШЬ ТАМ ТАКОЕ, ЁПРСТ??? Изыди!
Как сделать один плагин сразу для всех сборщиков фронтенда?
Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: 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.
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.
📣 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 🙏
https://david.guillot.me/en/posts/tech/proposal-for-a-django-project-template/
[#TRADESHOW[ The 2024 #House #Design and #Technology #Exhibition is a key part of #ESBuild, focusing on the diverse needs of house users such as #elderly #care, #resort #hotels, new #rural #construction, and #private #ownership. 7.-9. August 2024. Shanghai World #Expo Exhibition & #Convention #Center, #China. https://cnbusinessforum.com/event/2024-house-design-and-technology-exhibition/
What is a bundler?
A bundler is a tool in web development that transforms an application's source files into static assets for browsers. Its main functions include organizing modules and dependencies in front-end projects, enhancing website performance, and minimizing file sizes.
It basically packs everything together, removes extras, and sets up more efficient code for browsers.
Popular bundlers: Webpack, Parcel, Rollup, and esbuild.
