目次

モジュールバンドラーとは

複数のJavaScriptファイルや他の依存ファイルを1つまたは複数のファイルにまとめ、ブラウザで効率的に読み込めるようにするツール
パフォーマンスを改善するために、コードの縮小や動的ロードの最適化なども行う

Webpack
最も普及しているバンドラーで、豊富なプラグインやローダーを使用して、JSやCSS、画像などの様々なファイルをまとめられる
Rollup
ライブラリ向けに最適化されたバンドラーで、ツリーシェイキング機能が優れている
主にESモジュールを効率よく処理できる点が特徴
Parcel
設定が不要な「ゼロコンフィグ」で簡単に使えるバンドラー
柔軟な設定も可能で、多くの機能を自動化する
Vite
開発サーバーが非常に高速で、モジュールバンドラーとビルドツールの両方の機能を兼ね備えている
ESモジュールをネイティブにサポートし、開発時はESMを使ってブラウザにファイルを直接提供する
生産ビルドでは、Rollupを使用して効率的に最適化したバンドルを作成できる