Turbopack
Next.js向けに増分処理を最適化したRust製バンドラー。ファイル単位のキャッシュで開発と本番のNext.js ビルドを行う。
何を担当する？
ファイル単位のキャッシュで開発と本番のNext.js ビルドを行う。
いつ使う？
- Next.js 16以降で標準の高速ビルドを使うとき。
避けたい場面
- Next.js外の汎用バンドラーとして自由に設定したいとき。
Turbopack / Vite
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
TurbopackとViteはどちらも「ビルド・変換」の技術なので、同じ土俵で比較しやすい組み合わせです。
Vite
高速な開発サーバーと本番ビルドを提供するフロントエンドツール。ネイティブ ESMで開発し、Rolldownを中心に配布用アセットを生成する。
何を担当する？
ネイティブ ESMで開発し、Rolldownを中心に配布用アセットを生成する。
いつ使う？
- 現代的なフロントエンドプロジェクトを速く起動しビルドしたいとき。
避けたい場面
- 既存webpack固有プラグインへ深く依存しているとき。
ViteとTurbopackは開発サーバー、バンドル速度、拡張性で比較される。ネイティブ ESMで開発し、Rolldownを中心に配布用アセットを生成する。一方、Turbopackはファイル単位のキャッシュで開発と本番のNext.js ビルドを行う。