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
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
Speeding Up Testing: How Preact Runs 1000 Tests in Just 1 Second
In a landscape where test runners are often bogged down by excessive isolation, Preact's innovative approach allows it to execute over a thousand tests in just one second. This article delves into the...
https://news.lavx.hu/article/speeding-up-testing-how-preact-runs-1000-tests-in-just-1-second
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.)
Как сделать один плагин сразу для всех сборщиков фронтенда?
Здравствуйте, товарищи! Сегодня мы снова поговорим про тулинг для фронтенда. В этот раз обсудим разработку плагинов для сборщиков, таких как: Webpack, Vite, esbuild и подобных. За основу мы возьмем Unplugin . Короткий ответ на вопрос из заголовка: пока никак. Чуть более длинный - изображен на обложке. А в качестве полноценного ответа, предлагаю вам эту статью. Попробуем хотя бы приблизиться к заявленному результату. Сразу стоит уточнить: это не туториал, а скорее case-study.
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/
esbuild v0.22.0: es2024 target, WASI binaries and more
@evanw
https://github.com/evanw/esbuild/releases/tag/v0.22.0
So Kitten’s build process (i.e., the time it takes to build Kitten itself) takes ~0.7 seconds on my ~1 year old desktop (Ryzen 7 5700G 3.8Ghz) vs ~1.4 seconds on my ~3-year-old Starlabs LabTop (renamed to the Starbook thanks to a suggestion by yours truly but sadly, not quickly enough).
So, in summary, it’s bloody fast for something that results in a ~9MB bundle.
(And that’s all thanks to esbuild.)
esbuild v0.21.3: decorator metadata and more
@evanw
https://github.com/evanw/esbuild/releases/tag/v0.21.3
esbuild v0.21.0: support for ECMAScript decorators and more
@evanw
https://github.com/evanw/esbuild/releases/tag/v0.21.0
@markmalstrom This is on the roadmap already: https://angular.dev/roadmap#future-work-explorations-and-prototyping
It will probably be the next major build improvement after #esbuild.
Some different #TypeScript organization patterns and how they tree-shake in #esbuild: https://esbuild.github.io/try/#YgAwLjIwLjIALS1idW5kbGUgLS1mb3JtYXQ9ZXNtIC0tdHJlZS1zaGFraW5nPXRydWUAZQBlbnRyeS5qcwBpbXBvcnQge0NsYXNzfSBmcm9tICIuL2NsYXNzaWNhbC5qcyIKaW1wb3J0IHtmbkEsIGZuQn0gZnJvbSAiLi9mdW5jdGlvbmFsLmpzIgppbXBvcnQge05hbWVzcGFjZX0gZnJvbSAiLi9uYW1lc3BhY2UuanMiCmltcG9ydCB7Zm59IGZyb20gJy4vZnVuY3Rpb24tbmFtZXNwYWNlLmpzJwppbXBvcnQge29ian0gZnJvbSAnLi9vYmotbmFtZXNwYWNlLmpzJwppbXBvcnQge2ZuSiwgZm5MfSBmcm9tICcuL2JhcnJlbC5qcycKaW1wb3J0ICogYXMgd2lsZGNhcmQgZnJvbSAnLi93aWxkY2FyZC5qcycKCmZuQSgpCm5ldyBDbGFzcygpCmZuSigpCndpbGRjYXJkLmZuTigpCi8vIE5vdGljZSBzb21lIGltcG9ydHMgYXJlIGFzc3VtZWQgdG8gaGF2ZSBzaWRlLWVmZmVjdHMgYW5kIGluY2x1ZGVkIGV2ZW4gaWYgdW51c2VkLgoKLy8gTm90aWNlIG5vIGV4cG9ydHMuIFRoZSBjb21waWxlciBoYXMgY29tcGxldGUgdmlzaWJpbGl0eS4AAGNsYXNzaWNhbC5qcwBleHBvcnQgY2xhc3MgQ2xhc3MgewogIHN0YXRpYyBzdGF0aWNNZXRob2QoKSB7fQogIG1ldGhvZCgpIHt9Cn0KQ2xhc3MucHJvdG90eXBlLm1vbmtleVBhdGNoID0gKCkgPT4ge30KCi8vIE5vIHRyZWUtc2hha2luZy4AAGZ1bmN0aW9uYWwuanMAZXhwb3J0IGZ1bmN0aW9uIGZuQSgpIHt9CmV4cG9ydCBmdW5jdGlvbiBmbkIoKSB7fQpmdW5jdGlvbiBmbkMoKSB7fQoKLy8gVHJlZS1zaGFraW5nIG9mIHVudXNlZCBjb2RlLgAAbmFtZXNwYWNlLnRzAGV4cG9ydCBuYW1lc3BhY2UgTmFtZXNwYWNlIHsKICBleHBvcnQgZnVuY3Rpb24gZm5EKCkge30KICBleHBvcnQgZnVuY3Rpb24gZm5FKCkge30KICBmdW5jdGlvbiBmbkYoKSB7fQp9CgovLyBObyB0cmVlLXNoYWtpbmcuAABmdW5jdGlvbi1uYW1lc3BhY2UuanMAZXhwb3J0IGZ1bmN0aW9uIGZuKCkge30KZm4uZyA9ICgpID0+IHt9CgovLyBObyB0cmVlLXNoYWtpbmcuAABvYmotbmFtZXNwYWNlLmpzAGV4cG9ydCBjb25zdCBvYmogPSB7CiAgaCgpIHt9Cn0Kb2JqLmkgPSAoKSA9PiB7fQoKLy8gTm8gdHJlZS1zaGFraW5nLgAAYmFycmVsLmpzAGV4cG9ydCAqIGZyb20gJy4vYmFycmVsLWEuanMnCmV4cG9ydCAqIGZyb20gJy4vYmFycmVsLWIuanMnCgovLyBUcmVlLXNoYWtpbmcgb2YgdW51c2VkIGNvZGUuAABiYXJyZWwtYS5qcwBleHBvcnQgZnVuY3Rpb24gZm5KKCkge30KZXhwb3J0IGZ1bmN0aW9uIGZuSygpIHt9AABiYXJyZWwtYi5qcwBleHBvcnQgZnVuY3Rpb24gZm5MKCkge30KZXhwb3J0IGZ1bmN0aW9uIGZuTSgpIHt9AAB3aWxkY2FyZC5qcwBleHBvcnQgZnVuY3Rpb24gZm5OKCkge30KZXhwb3J0IGZ1bmN0aW9uIGZuTygpIHt9CgovLyBUcmVlLXNoYWtpbmcgb2YgdW51c2VkIGNvZGUu