【イーエスビルド】
esbuild とは?
最終更新:
💡 ビルドの待ち時間をぐっと短く!Go製の高速バンドラ
Go言語で書かれた、Web向けの高速なバンドラ。JavaScript・TypeScript・CSSなどをまとめて、圧縮(ミニファイ)や変換まで1つのツールで行える。
📌 このページのポイント
- Go言語で書かれてネイティブコードとして動き、解析やコード生成を並列に処理する
- バンドル・ミニファイ・TypeScriptやJSXの変換を1つのツールで行える(型チェックはしない)
- 公式のベンチマークでは、three.jsを10個分まとめる処理が0.39秒(同条件のwebpack 5は41.21秒)
- バージョンはまだ1.0に達しておらず、作者は「後期ベータ」と説明している
esbuildって何がそんなに速いの?
どのくらい速いの?具体的に教えて!
じゃあみんなesbuildを使えばいいのに、なんでほかのツールも使われてるの?
esbuildがやらないと決めていることがあるからだよ。TypeScriptの型チェックはしないので、tscを別に動かす必要がある。ホットモジュールリロード(HMR)や、VueやSvelteなどほかの言語の対応も、本体には入れない方針なんだ。それにバージョンはまだ1.0前で、作者は今は積極的な機能追加をしていないと書いている。必要な機能がそろっているかを見て選ぶことになるね
Viteでも使われてるんだよね?
まとめ:ざっくりこれだけ覚えればOK!
「esbuild」って出てきたら「Go製の高速なJavaScriptバンドラ」と思えればだいたいOK!
📖 おまけ:英語の意味
「esbuild」 = ES + build
💬 ESはECMAScript(JavaScriptの仕様名)の略として使われる表記で、buildは「組み立てる」。名前の由来についての公式の説明は、ここでは確認していないよ