TECHNOLOGY COMPARE

Rolldown / webpack

「どっちが上?」ではなく、まず同じ仕事をする道具なのかを確認します。

DIRECT COMPARISON

直接比較しやすい組み合わせ

Rolldownとwebpackはどちらも「ビルド・変換」の技術なので、同じ土俵で比較しやすい組み合わせです。

ビルド・変換

Rolldown

Rollup互換を目指すRust製JavaScript バンドラー。高速なバンドルと変換を一つのエンジンにまとめ、Vite 8を支える。

何を担当する?

高速なバンドルと変換を一つのエンジンにまとめ、Vite 8を支える。

いつ使う?

  • Vite経由で高速な統合ビルドを使うかRollup互換を試すとき。

避けたい場面

  • 対応前のRollup プラグインへ依存する既存ライブラリビルド。
ビルド・変換

webpack

JavaScriptとアセットを依存グラフからバンドルする成熟したツール。ローダーとプラグインで多様なリソースを配布単位へ変換する。

何を担当する?

ローダーとプラグインで多様なリソースを配布単位へ変換する。

いつ使う?

  • 大規模な既存設定や豊富なプラグイン資産を保守するとき。

避けたい場面

  • 新規プロジェクトで設定の単純さと高速起動を優先するとき。
DIRECT RELATION

webpackとRolldownは開発サーバー、バンドル速度、拡張性で比較される。ローダーとプラグインで多様なリソースを配布単位へ変換する。一方、Rolldownは高速なバンドルと変換を一つのエンジンにまとめ、Vite 8を支える。