『バンドラ』は2026年も用途で使い分け
esbuild/Rollup/Webpack は依然主要選択肢で、用途に応じた使い分けが続いています。本記事では、各ツールの公式発表と npm の公式統計（2026年10月21日確認）をもとに、選び方を整理します。Vite ビルドチューニング もご参考に。
3つの特徴比較
(1) esbuild：Go 製・最速。(2) Rollup：ESM ネイティブ・ライブラリ向け。(3) Webpack：プラグイン豊富・大規模アプリ。(4) Turbopack：Webpack の後継(Next.js)。(5) Vite：7までは内部で esbuild と Rollup を使い分け、8から Rolldown に一本化。
esbuild の用途
(1) Vite の dev mode。(2) TypeScript transpile。(3) CLI ツールビルド。(4) Cloudflare Workers ビルド。(5) 速さで他を圧倒(公開情報をもとに)。
Rollup の用途
(1) ライブラリ作成：dual ESM/CJS。(2) tree shaking 最高品質。(3) Vite の prod mode。(4) npm パッケージ配布。(5) シンプル設定。
Webpack の用途
(1) レガシー含む大規模アプリ。(2) 豊富なプラグイン：CSS/画像/SVG。(3) Code Splitting 機能成熟。(4) Module Federation：マイクロフロントエンド。(5) 枯れた技術：安定。
Turbopack の現状
(1) Rust 製。(2) Next.js 13+ で採用。(3) incremental build。(4) Webpack の後継位置づけ。(5) Stable 段階に到達(公開情報をもとに)。Next.js App Router もご参考に。
Next.js 16（2025年10月21日公開）で、Turbopack は開発と本番ビルドの両方で安定版になり、すべてのアプリの既定のバンドラになりました。独自の webpack 設定があるアプリは、next dev --webpack・next build --webpack で webpack を使い続けられます。公式ブログによると、ベータの時点で Next.js 15.3 以降の開発セッションの50%超、本番ビルドの20%がすでに Turbopack で動いていました。
2025〜2026年の大きな変化：Vite 8 は Rolldown に一本化
この記事の初版のころは「Vite は開発時に esbuild、本番ビルドに Rollup」という説明が定番でした。Vite 8（2026年3月12日公開）では、この2つが Rust 製の Rolldown という1つのバンドラにまとまりました。公式の発表は、ビルドツール（Vite）・バンドラ（Rolldown）・コンパイラ（Oxc）という役割分担を示していて、React 用のプラグインも v6 で Babel への依存をなくし、Oxc を使うようになっています。「開発時と本番でバンドラが違うので挙動がずれる」という、以前の Vite の悩みの種がなくなった形です。
npm の数字で見るいまのバンドラ
| パッケージ | 週間ダウンロード数 | 最新版 |
|---|---|---|
| esbuild | 128,660,895 | 0.28.2 |
| vite | 83,089,582 | 8.3.5 |
| rollup | 51,861,465 | 4.64.12 |
| rolldown | 48,742,215 | 1.2.14 |
| webpack | 20,741,728 | 5.112.0 |
| tsup | 3,789,435 | — |
| @rspack/core | 2,957,988 | — |
※npm の公式統計 API（2026年10月13日〜19日の1週間）と、npm レジストリの latest タグ（2026年10月21日確認）。ほかのツールの依存として自動で入る分も数に含まれます。
esbuild のダウンロード数が飛び抜けているのは、多くのツールが内部で使っているためで、直接 esbuild を設定して使う人の数ではありません。rolldown が登場から短い期間で週4,800万回を超えているのも、Vite 8 の内部で使われるようになった影響が大きいと考えられます。数字は「どれが人気か」より「どれがほかのツールの土台になっているか」を表している、と読むのが正確です。
選択フロー
(1) 新規アプリ：Vite（8からは内部のバンドラが Rolldown）。(2) Next.js：Turbopack。(3) npm ライブラリ：Rollup or tsup。(4) 既存大規模 Webpack：継続。(5) 超軽量需要：esbuild 直接。
2026年10月時点の早見表
| やりたいこと | いまの第一候補 | 理由 |
|---|---|---|
| 新しいWebアプリを作る | Vite 8 | 開発と本番が Rolldown にそろい、設定も少ない |
| Next.js で作る | Turbopack（既定） | Next.js 16 で開発・本番とも既定になった |
| npm ライブラリを配る | Rollup・tsup | ESM/CJS の両方を出力しやすい |
| 独自設定の多い大規模アプリを保つ | webpack | Next.js でも --webpack で使い続けられる |
| CLI や小さなスクリプトをまとめる | esbuild | 単体で速く、設定が少ない |
Webpack からの移行
(1) Vite migration guide。(2) 段階的アプローチ。(3) Plugin の互換性確認。(4) HMR の挙動差。(5) 本番 build の差分検証。Monorepo 設計 もご参考に。
失敗しがちなパターン
(1) esbuild で本番ビルド：tree shaking が劣る。(2) Webpack の重い設定維持。(3) Rollup で大規模アプリ：プラグイン少。(4) 複数ツール併用：保守困難。(5) 移行失敗で性能低下。対策は、(1)Vite（8からは Rolldown）、(2)定期見直し、(3)アプリは Vite/Webpack、(4)1ツール統一、(5)Migration テスト、です。
この記事のデータの出典
- Vite 公式ブログ「Announcing Vite 8」（2026年3月12日）
- Next.js 公式ブログ「Next.js 16」（2025年10月21日）
- npm 公式統計 API（api.npmjs.org、2026年10月13日〜19日）と npm レジストリ
