Vite 8.0正式リリース｜Rust製Rolldownで本番ビルド最大87%削減

2026.03.14 公開 10分で読める

この記事の結論

Vite 8.0が2026年3月12日に正式リリース。Rust製バンドラ「Rolldown」を採用し、esbuildとRollupを統合。19,000モジュールで25倍高速化。移行手順と注意点を解説。

Vite 8.0正式リリース｜Rolldownで本番ビルド最大25倍高速化

2026年3月12日、フロントエンドビルドツール Vite の次世代バージョン「Vite 8.0」が正式リリースされた。最大のトピックは、Rust製バンドラ「Rolldown」の本番採用だ。これまでの「開発時: esbuild／本番時: Rollup」という二重構造を廃止し、ひとつのバンドラで一貫したパイプラインを実現している。

HackerNewsでは313ポイントを集め（2026年3月13日時点）、フロントエンドエンジニアの注目度の高さが伺える。公式ベンチマーク（19,000モジュール）では、Rolldownが 1.61秒 で完了した一方、従来のRollupは 40.10秒 を要した。倍率にして約25倍の差だ。

Vite 7まで、アーキテクチャ上の大きな矛盾があった。

開発サーバー：esbuild（Go製）でオンデマンドトランスパイル
本番ビルド：Rollup（JavaScript製）でバンドル・ツリーシェイク

この二重構造のせいで、「開発では動くのに本番では壊れる」という問題が繰り返し起きてきた。プラグインも両方のバンドラの挙動を考慮する必要があり、環境差異がデバッグを複雑にしていた。

Vite 8では、開発・本番の両方に Rolldown を使うことで、この問題を根本から解決する。

フェーズ	Vite 7	Vite 8
開発サーバー (deps pre-bundling)	esbuild	Rolldown
本番ビルド	Rollup	Rolldown
CSSミニファイ	esbuild	Lightning CSS（デフォルト）
TypeScript コンパイル	esbuild	Oxc（VoidZero製）
プラグイン互換性	Rollup API準拠	Rolldown（Rollup互換）

注目すべきは「ツールチェーン全体が同一チームの管理下に入った」という点だ。バンドラ（Rolldown）、パーサー/コンパイラ（Oxc）、そしてVite本体はいずれも VoidZero（Evan You氏が設立したスタートアップ）が開発・管理している。パーサーレベルから最終バンドルまで一貫した最適化が可能になった。

AIエージェント構築で使うフロントエンドスタックの選定については、AIエージェント構築完全ガイドもあわせて参照してほしい。

技術的に見ると — なぜRolldownはここまで速いのか

Rolldownが速い理由はシンプルだ。Rust で書かれているため、V8 JITに依存するJavaScript製バンドラと比べてネイティブスピードで動く。エンジンのウォームアップも不要で、大規模なモジュールグラフの解析を並列処理できる。

esbuildも同様にGo製で高速だが、Rolldownはesbuildにない機能を持つ。

完全なツリーシェイキング：Rollup互換の高精度な静的解析
Module Federation対応：マイクロフロントエンド構成のサポート
Full Bundle Mode（実験的）：開発サーバー起動を最大3倍高速化する見込み
Raw AST転送：プラグイン間のオーバーヘッドを削減

公式ベンチマーク（19,000モジュール）での比較:

バンドラ	ビルド時間	対Rolldown比
Rolldown（Vite 8）	1.61秒	—
Rollup（Vite 7）	40.10秒	約25倍遅い

出典: vite.dev/blog/announcing-vite8（参照日: 2026-03-13）

実プロジェクトでの改善事例も続々と報告されている。

プロジェクト/企業	改善結果
Linear（プロジェクト管理ツール）	46秒 → 6秒（約87%削減）
Beehiiv（ニュースレターSaaS）	64%削減
Mercedes-Benz.io	最大38%削減
Ramp（金融SaaS）	57%削減
個人SPAプロジェクト（検証報告）	3.8秒 → 0.8秒（5倍高速）

出典: vite.dev/blog/announcing-vite8, peterbe.com（参照日: 2026-03-13）

改善幅はプロジェクトの規模に比例する傾向がある。

小規模（100モジュール未満）: 2〜5倍の改善
中規模（100〜500モジュール）: 5〜10倍
大規模（500モジュール以上）: 10〜30倍

他のビルドツールとの位置付け

Vite 8の登場で、フロントエンドビルドツールの勢力図はどう変わるか。

ツール	コア言語	主な用途	特徴
Vite 8 + Rolldown	Rust（Rolldown）	SPA / SSG / Vite対応フレームワーク全般	dev/build統一、10-30x高速化
Turbopack（Next.js組み込み）	Rust	Next.jsプロジェクト	30,000モジュール以上でのHMRが特に速い
Webpack 5	JavaScript	既存の大規模レガシープロジェクト	エコシステム最大、dev起動は低速傾向
esbuild単体	Go	ライブラリビルド、スクリプト	超高速だがバンドル機能は限定的

TurbopackはNext.js専用であること、本番ビルドのサポートがまだ限定的な点が異なる。ViteはReact/Vue/Svelte/SolidJSなどほぼ全フレームワークに対応するため、用途の広さではViteが依然強い。

開発者が知っておくべきこと — 移行ガイド

Vite 7から8への移行パスは2通りある。

方法1: 直接アップグレード（小〜中規模プロジェクト推奨）

以下のコマンドで直接 vite@8 に上げる。

# npmの場合
npm install vite@8 --save-dev

# pnpmの場合
pnpm add -D vite@8

# yarnの場合
yarn add -D vite@8

動作環境: Node.js 20.19+ または 22.12+（Vite 7と同じ要件）
注意: 本番環境で使用する前に、必ずテスト環境で動作確認してください。

方法2: rolldown-vite経由の段階的移行（大規模・複雑プロジェクト推奨）

まず rolldown-vite パッケージで Rolldown の動作を先行確認し、問題がなければ Vite 8 本体に移行する。バンドラ起因の問題とVite本体の変更を切り分けやすいのが利点だ。

# ステップ1: vite 7のままrolldown-viteに切り替え
npm install rolldown-vite --save-dev
# package.jsonの "vite" 依存を "rolldown-vite" に置き換え、動作確認

# ステップ2: 問題がなければvite@8に移行
npm install vite@8 --save-dev
# rolldown-viteは不要になるので削除
npm uninstall rolldown-vite

注意: 本番環境で使用する前に、必ずテスト環境で動作確認してください。

主な破壊的変更と対処法

1. build.rollupOptions → build.rolldownOptions に名称変更

// vite.config.js

// Before（Vite 7）
export default {
  build: {
    rollupOptions: {
      output: { manualChunks: { ... } }
    }
  }
}

// After（Vite 8）
// ※ manualChunksは非推奨。Rolldownの自動チャンキングに任せることを推奨
export default {
  build: {
    rolldownOptions: {
      output: { ... }
    }
  }
}

動作環境: Vite 8.0.0, Node.js 20.19+

2. transformWithEsbuild → transformWithOxc への移行

プラグインが transformWithEsbuild を使用している場合、esbuildはオプショナルな依存関係に変わる。新しいAPIへの移行が推奨される。

// Before
import { transformWithEsbuild } from 'vite'
const result = await transformWithEsbuild(code, id)

// After（推奨）
import { transformWithOxc } from 'vite'
const result = await transformWithOxc(code, id)

3. CSSミニファイのデフォルト変更

CSS の minification が esbuild から Lightning CSS に変わった。挙動の差が気になる場合は明示的に esbuild を指定できる。

// esbuildに戻したい場合
export default {
  build: {
    cssMinify: 'esbuild'
  }
}

パッケージサイズについても触れておく。Vite 8 は Vite 7 と比べて約 15MB 大きい（Lightning CSS 約10MB + Rolldown 約5MB）。CI/CDのキャッシュ設定を見直すとよいだろう。

業界の反応

「Rolldownがdev/buildの一貫性をもたらすことで、Viteを使うあらゆるフレームワークのデバッグ体験が根本から変わる」

— vite.dev/blog/announcing-vite8 より

LinearのエンジニアリングチームがX（旧Twitter）で共有した「46秒→6秒」という数字はコミュニティで広く拡散され、HackerNewsのスレッドにも多数引用された。「Rolldownなしには戻れない」という反応が目立つ一方、CommonJSの互換性まわりで移行時にハマったという報告も複数あり、段階的移行が推奨されている背景もここにある。

VoidZeroは Vite 8 リリースと同時に、商用サポートプラン「Vite+」も正式発表した。SLA付きのサポートを提供するビジネスモデルへの展開も始まっている。

この先どうなるか

Vite 8はRolldown統合のv1.0に過ぎない。ロードマップに記載された「Full Bundle Mode」が安定版に入ると、開発サーバーの起動時間がさらに最大3倍短縮される見込みだ。Oxcとの統合深化によるコンパイル段階の最適化も進む。

AIエージェント開発の観点でも注目点がある。コード生成ツール（GitHub Copilot, Cursor等）が大量のTypeScriptファイルを高速に反復ビルドするユースケースでは、Rolldownの恩恵が特に大きい。10万行規模のコードベースを秒単位でビルドできる環境は、AI支援開発のフィードバックループを大幅に短縮する。

参考・出典

Vite 8.0 is out! — vite.dev（参照日: 2026-03-13）
Vite 8 Beta: The Rolldown-powered Vite — vite.dev（参照日: 2026-03-13）
Vite 8 Beta: The Rolldown-powered Vite — voidzero.dev（参照日: 2026-03-13）
Announcing Vite+ — voidzero.dev（参照日: 2026-03-13）
Migration from v7 — vite.dev（参照日: 2026-03-13）
Testing out vite 8 on SPA: Vite 8 is 5x faster — peterbe.com（参照日: 2026-03-13）

あわせて読みたい:

AIエージェント構築完全ガイド — エージェント設計の基本から本番運用まで
AIエージェント構築ツール徹底比較 — Dify/n8n/LangChain等の選定ガイド

この記事はAIgent Lab編集部がお届けしました。

Need help moving from reading to rollout?

この記事を読んで導入イメージが固まってきた方へ

Uravationでは、AIエージェントの要件整理、PoC設計、社内導入、研修まで一気通貫で支援しています。

30分無料相談を予約支援実績を見る

※ 本記事の情報は2026年3月時点のものです。サービスの料金・仕様は変更される可能性があります。最新情報は各サービスの公式サイトをご確認ください。