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

Parcelは高速なキャッシュとゼロコンフィグのシンプルさを売りにしています。webpackは設定の手間と引き換えに、完全な制御と最大のエコシステムを提供します。

Parcelは、妥当なデフォルト、自動トランスフォーム、永続的なキャッシュを備えたゼロコンフィグのバンドラーです。webpackは、ビルドのあらゆる部分を制御できる、高度に設定可能でエコシステムの豊富なバンドラーです。

CIでの挙動

Parcelは、ほとんど設定なしで動くビルドが欲しいときに魅力的です。永続キャッシュと並列実行により、繰り返しのビルドが高速になります。webpackは、精密な制御が必要なとき - カスタムloader、高度な分割、特定のプラグイン - に真価を発揮し、複雑なアプリに最も広くサポートされた選択肢です。トレードオフはシンプルさ対制御です。

高速化する

Parcelの.parcel-cache (またはwebpackのcache) をlockfileをキーに永続化・復元して、CIでのコールドリビルドを避けましょう。どちらもCI runner上で動作します。ビルドが大きい場合は、より高速なマネージドrunnerが役立ちます。

結論

手間をほとんどかけずに高速なゼロコンフィグのビルドが欲しいなら: Parcel。完全な制御、カスタムloader、最大のエコシステムが必要なら: webpack。いずれにせよ、CIでバンドラーのbuild cacheをcacheしましょう。

関連ガイド