BunがCommonJSをサポートする理由

フロントエンドTechCafe〜春のBun祭りLT会〜にて使用した資料。

参考資料：https://bun.sh/blog/commonjs-is-not-going-away

Transcript

1. BunがCommonJS をサポートする理由 ytaisei（安井大晟）
2. ytaisei（安井大晟） • フロントエンド • 24卒CyberAgent • 株式会社AI Shift
3. Bunあまり知らない... ⇨LT応募する ⇨リサーチする
4. 「CommonJS is not going away」というブログを発見 • 公式のブログ • 2023年6月なので少し古いかも
5. CJSとESM • CommonJS • ES Modules • require/exportsを使用 • 同期的にロード • 元々サーバでの使用が想定されていた • import/exportを使用 • 同期・非同期でのロードに対応 • ブラウザでもネイティブサポート
6. CJSとESM • CommonJS • ES Modules • require/exportsを使用 • 同期的にロード • 元々サーバでの使用が想定されていた • import/exportを使用 • 同期・非同期でのロードに対応 • ブラウザでもネイティブサポート 新規のプロジェクトであれば ESMが推奨
7. では、なぜCJSをサポートする？
8. public npm registryにおけるCommonJSの割合 • ESMの割合がかなり増えている • 依然としてCJSが67%以上 参考：https://github.com/wooorm/npm-esm-vs-cjs?tab=readme-ov-file
9. CommonJSの存在を尊重する姿勢
10. CommomJSの方がモジュールのLoadが早いケースも
11. CommomJSの方がモジュールのLoadが早いケースも 手元のベンチマークではCJSの方が約1.5倍早かった
12. Bunでは同一File内で importとrequireを使用可能 （CJSとESMの共存が可能）
13. 結論 • BunではCJSとESMのどちらもサポートしている • CJS自体のメリットも含めて、 CJSを尊重する姿勢が記事から伺えた
14. Thanks!!! X: ytaisei_ Zenn: @taisei-13046