Vite vs esbuild: CIにどちらのビルドツールを使うべきか？

両者は重なりますが同じ仕事ではありません。esbuildは素の超高速バンドラーであり、Viteはesbuild (とRollup) を内部で使う完全なビルドツールです。

esbuild (Go製) は速度で高く評価される低レベルのバンドラー/トランスパイラーです。Viteはより高レベルのビルドツール兼開発サーバーで、開発時のトランスフォームにはesbuildを、本番ビルドにはRollupを使い、HMR、プラグイン、フレームワーク統合を追加します。

CIでの挙動

ほとんどのアプリにはViteが向いています。完全なパイプライン (開発サーバー、HMR、プラグイン、フレームワークプリセット) を提供し、速度のためにesbuildを使いながら最適化されたRollupビルドを生成します。スクリプトやツール内で最小限かつ超高速なバンドリング/トランスパイルのステップが必要で、フレームワークを意識したビルドが不要な場合は、esbuildを直接使いましょう。実際、Viteを使うことはすでに内部でesbuildに頼っていることを意味します。

高速化する

依存関係とbuild cacheをlockfileをキーにcacheして、コールドリビルドを避けましょう。どちらもCI runner上で同じように動作します。より高速なマネージドrunnerは、大きなアプリでのビルドステップを短縮します。

結論

アプリやフレームワークプロジェクトを構築するなら: 完全で最適化されたパイプラインのためにVite。スクリプト内で最小限の超高速バンドラーが必要なら: esbuildを直接。両者は異なるレイヤーです - Viteはすでにあなたの代わりにesbuildを使っています。

関連ガイド