최근 팀에서 개발한 디자인 시스템 라이브러리를 프로젝트에 적용하고 사용하면서 흥미로운 문제를 발견했다.(사실 전부터 알고있었지만 잠깐 미뤄뒀다.) 단순히 Button 컴포넌트 하나만 필요했는데, 번들 분석 도구를 확인해보니 라이브러리 전체가 번들에 포함되어 있었던 것이다. 단 하나의 컴포넌트를 위해 수백 KB의 코드가 추가되어버린 것.. // 예상: Button 컴포넌트만 가져오기 import { Button } from '@company/de...
A common problem Typescript library developers face is when importing libraries that only output ESM. For example [the standard library (@std) from the JSR repo](https://jsr.io/@std) only outputs ESM as according to Deno’s mandate. However for most T...
Tree-shaking adalah teknik optimasi dalam pengembangan perangkat lunak, terutama pada bundler JavaScript seperti Webpack, Rollup, atau Parcel, yang digunakan untuk menghilangkan kode yang tidak terpakai (dead code) dalam aplikasi web. Prinsip dasar t...
Kelebihan dan Kekurangan CommonJS (CJS) Kelebihan: Mature dan Stabil CommonJS telah digunakan secara luas di Node.js sejak awal, sehingga didukung secara luas oleh ekosistem Node.js. Eksekusi Dinamis Anda dapat mengimpor modul secara dinamis dengan...
It was a normal patching day. I patched and upgraded my npm dependencies without making code changes, and suddenly, some of my unit tests failed. Wtf! My tests failed because Jest encountered an unexpected token; they failed because Jest cannot han...
Faisons la paix entre ESM et CommonJS avec Node.js 22 Salut les développeurs ! Aujourd'hui, on va plonger dans un débat qui anime la communauté Node.js depuis un moment : la différence entre ESM (ECMAScript Modules) et CommonJS. Et devinez quoi ? Nod...
In the beginning, JavaScript was a wild and untamed language, devoid of any built-in modularity. Thankfully, the brilliant minds of the developer community recognized this limitation and embarked on a quest to bring modularity to JavaScript. This jo...
Greetings, fellow devs and bundlejs aficionados! 🚀 I was closing out some long lived issues over on bundlejs, when issue #50 reminded me of the ongoing debate about how bundlejs should handle the ESM and CJS packages. Lightbulbs flickered, coffee wa...
