Turbopack vs webpack: CIにどちらのバンドラーを使うべきか？

TurbopackはVercelによるRustベースのwebpack後継で、速度を目指しています - ただしwebpackは、あなたのtoolingが前提とする成熟した普遍的なデフォルトです。

webpackは長年使われている、高度に設定可能で最大のプラグインエコシステムを持つJavaScriptバンドラーです。TurbopackはVercelによるRustベースのバンドラーで、webpackのより高速な後継として位置づけられ、主にNext.jsと統合されています。

CIでの挙動

Turbopackは高速なインクリメンタルビルドを狙い、デフォルトになりつつあるNext.js内で最も関連性があります。webpackは、フレームワークをまたいで最も広いプラグインとloaderのサポートを持つ、普遍的で実戦で鍛えられたバンドラーであり続けています。Next.jsを使っているなら、自分のバージョンでTurbopackを評価しましょう。それ以外では、webpack (またはVite) が今のところ安全な選択です。CIで頼る前に、Turbopackの現在の本番ビルドの状況を確認しましょう。

高速化する

いずれにせよ、依存関係とビルドをlockfileをキーにcacheして、コールドリビルドを避けましょう。どちらもCI runner上で動作します。より高速なマネージドrunnerは、重いバンドリングステップを短縮します。

結論

Next.jsアプリを構築し、安定するにつれて速度が欲しいなら: Turbopack。最大の成熟度、エコシステム、またはNext以外のフレームワークが必要なら: webpack。まず、使用する正確なバージョンでTurbopackの本番ビルドの準備状況を確認しましょう。

関連ガイド