Parcel
設定を抑えてアセットグラフをビルドするWeb アプリバンドラー。HTMLを入口に変換、バンドル、開発サーバーを自動構成する。
何を担当する？
HTMLを入口に変換、バンドル、開発サーバーを自動構成する。
いつ使う？
- 設定作業を減らして複数種類のアセットを扱いたいとき。
避けたい場面
- ビルドの全段階を細かく明示設定したいとき。
Parcel / Rollup
「どっちが上？」ではなく、まず同じ仕事をする道具なのかを確認します。
直接比較しやすい組み合わせ
ParcelとRollupはどちらも「ビルド・変換」の技術なので、同じ土俵で比較しやすい組み合わせです。
Rollup
ES モジュールを中心にライブラリビルドへ強いバンドラー。ツリーシェイキングと複数形式出力で配布パッケージを生成する。
何を担当する？
ツリーシェイキングと複数形式出力で配布パッケージを生成する。
いつ使う？
- JavaScript ライブラリを小さく複数形式で公開するとき。
避けたい場面
- 大規模アプリの開発サーバーまで一体で求めるとき。
RollupとParcelは開発サーバー、バンドル速度、拡張性で比較される。ツリーシェイキングと複数形式出力で配布パッケージを生成する。一方、ParcelはHTMLを入口に変換、バンドル、開発サーバーを自動構成する。