ハクソク

世界を動かす技術を、日本語で。

Vite 8.0がリリースされました

74日前原文(vite.dev)

概要

  • Vite 8 が正式リリース、最大の特徴は Rolldown による統一バンドラ採用
  • ビルド速度 が10〜30倍向上、既存プラグインとの高い互換性維持
  • 開発体験・運用性 の両面で大幅な改善と新機能追加
  • 移行ガイド・互換レイヤー により、既存プロジェクトもスムーズにアップグレード可能
  • コミュニティ貢献 と感謝の意をRollup・esbuildに表明

Vite 8正式リリースの発表

  • Vite 8 が安定版としてリリース、最大の変更点は Rolldown （Rust製バンドラ）への完全移行
  • これまでの esbuild（開発時） と Rollup（本番ビルド） の二重構成から、単一バンドラ体制へ移行
  • Rolldown は10〜30倍のビルド高速化を実現、プラグインAPIもRollup互換
  • Viteエコシステム は週6,500万ダウンロードを突破、プラグイン検索用ディレクトリ registry.vite.dev も新設
  • 公式ドキュメント・移行ガイド・Changelog も公開済み、vite.newやpnpm create viteで即試用可能

Rolldown統合の背景・意義

  • 従来の課題
    • esbuildとRollupの二重バンドラ構成で 変換パイプラインの分断 や モジュール取り扱いの不一致 が発生
    • プラグインシステムの分離・同期コスト増大
  • Rolldownの導入目的
    • Rust製 による圧倒的なパフォーマンス（Rollup比10〜30倍高速）
    • Rollup/Vite互換API で既存プラグインがそのまま動作
    • フルバンドルモード や 柔軟なチャンク分割、 モジュール単位キャッシュ、 Module Federation など高度な機能を実現
  • 移行プロセス
    • rolldown-vite パッケージで先行技術プレビュー、実運用でのフィードバックを重視
    • 主要プラグイン・フレームワークとのCI自動検証で品質確保
    • 2025年12月にVite 8ベータ公開、コミュニティ主導で安定化

実運用でのパフォーマンス向上事例

  • Linear ：ビルド時間が46秒から6秒に短縮
  • Ramp ：ビルド時間57%削減
  • Mercedes-Benz.io ：最大38%削減
  • Beehiiv ：64%削減
  • 大規模プロジェクトほど 効果大

Vite 8による統一ツールチェーン

  • Vite（ビルドツール）、 Rolldown（バンドラ）、 Oxc（コンパイラ） が密接連携
  • 一貫した挙動、 新しいJavaScript仕様 にも迅速対応
  • Oxcのセマンティック解析 をRolldownのツリーシェイキング等に活用

Node.js対応バージョン

  • Node.js 20.19+ または 22.12+ が必須（Vite 7と同じ）
  • ESM専用配布 のため、require(esm)対応範囲を明確化

追加新機能

  • Vite Devtools統合 ：開発用デバッグ・解析ツールをdevtoolsオプションで有効化
  • tsconfigパス解決 ：resolve.tsconfigPathsでTypeScriptパスエイリアスに対応（デフォルト無効）
  • emitDecoratorMetadata自動対応 ：外部プラグイン不要でTypeScriptデコレータメタデータサポート
  • Wasm SSR対応 ：.wasm?initインポートがSSR環境で利用可能
  • ブラウザコンソール転送 ：devサーバー端末にコンソール出力を転送（coding agent検出時自動有効化）

@vitejs/plugin-react v6のリリース

  • Oxc によるReact Refresh変換を採用、 Babel依存不要 でインストールサイズ削減
  • React Compiler 利用時は、@rolldown/plugin-babelとreactCompilerPresetで明示的オプトイン
  • v5もVite 8で動作するため、段階的アップグレードが可能

今後の展望・開発中機能

  • フルバンドルモード（実験的） ：開発時も本番同様バンドル、起動3倍高速化・フルリロード40%短縮・ネットワークリクエスト10分の1
  • Raw AST転送 ：Rust生成ASTをJSプラグインで高速利用
  • Native MagicString変換 ：JSロジックでRust側で高速文字列操作
  • Environment API安定化 ：定例ミーティングを通じてエコシステム連携強化

インストールサイズの変化

  • Vite 8単体で約15MB増加
    • lightningcss が通常依存関係化（CSS最適化向上、約10MB増）
    • Rolldownバイナリ （esbuild+Rollupよりやや大型、約5MB増）
  • 今後もサイズ削減を継続的に推進

Vite 8への移行ガイド

  • 大半のプロジェクトは自動変換レイヤー で設定変更不要
  • 複雑なプロジェクトは段階移行推奨
    • まずVite 7上でrolldown-viteに切替→Rolldown固有の問題を特定
    • その後Vite 8へアップグレード
  • 詳細な移行ガイド・Changelog を事前確認推奨

Rollup・esbuildへの感謝

  • Rollup ：Viteのプラグインエコシステムと拡張性の基盤を提供
  • esbuild ：Viteの高速開発体験の礎、Rust/Go製ツール群の流れを創出
  • 両プロジェクトの思想と技術がViteのDNAに深く根付く
  • Acknowledgementsページ で関係者・依存プロジェクトを紹介

開発・コミュニティへの参加案内

  • 1,200人以上のコントリビューター がVite Coreに参加
  • Issueのトリアージ、PRレビュー、テスト追加、フォーラムやDiscordでのサポート で貢献可能
  • Bluesky、X、Mastodon で最新情報を発信中

Vite 8 は、 Rolldown統合 による圧倒的なパフォーマンスと拡張性を実現し、開発者体験を次のステージへ進化させるリリース。 移行のしやすさ や コミュニティ中心の開発 も大きな特徴。今後の進化にも期待が高まる。

Hackerたちの意見

Vite 8、マジですごいね。プロダクションビルドで約8倍の改善（4分から30秒）を見たし、ほぼそのまま置き換えられたよ。Viteチーム、おめでとう！そしてありがとう！

└

4分？！そのアプリ、どんだけ大きいの？驚いたけど、みんながNextよりもずっと速いって言ってるからさ。実際、Turboで4分ってことは、めちゃくちゃ大きなアプリじゃないと無理だと思う。

└

同じく（10秒から1秒）。これの主な理由はrolldown[1]だね。数ヶ月前にインストールしてたし、viteに統合される前から使ってた。ほんと素晴らしいものだよ。[1] https://rolldown.rs/

└

うちの一番大きなプロジェクトで、12mから2mに減ったんだ。ほんとにすごいよね。

今回のバージョンのパフォーマンスの変更、最高だね。ありがとう、Vite。

すごい！でも、Next.jsはこの素晴らしいコミュニティの努力から利益を得ることはないだろうな。VercelはNIHに悩まされてるし。

└

興味があるかもね：https://github.com/cloudflare/vinext（自分では試してないけど）

└

数年のブランクを経てReactに戻ったけど、Nextの意義が全然わからない。公式ドキュメントでもNextに言及してるのが奇妙だよ。人々は非SPAでReactを使ってるの？なんで？

└

彼らには企業パートナーがいて、Next.jsが彼らのSaaS統合で唯一公式にサポートされているSDKになってるんだ。Sitecore Cloud、Sanity、Contentfulなど。

└

Vercelのやり方は、まず数年間は壊れたプレビューを実行することから始まるんだよね。次に、Next 13（2022年10月）でWebpackの代替としてTurbopackのアルファ版がスタートして、最終的にNext 16（2025年10月）でTurbopackが安定版としてデフォルトにされた。2022年にはViteに対して怪しいベンチマークもやってたし[0]。Nextのキャッシングはひどい歴史があるし[1]、実際に遅いことが証明されてるし[2]（HNの議論[3]）、RSCには目立つセキュリティホールがあったし[4]、アプリルーターはずっと混乱を招いてて、何年もプレビューテクノロジーに頼ってた。Vercel以外でNextをホスティングするには特別なアダプターが必要だし[5]。Next.jsを選ぶのはリスクだよ。

試してみたけど、速度が6倍以上改善したよ。最高のツールだね！

ビルトインのtsconfigパスサポート これは素晴らしいQoLの変更だね。設定を重複させる（そして間違える）場所が一つ減った。

昨日、AIを嫌うのをやめたよ。古いwebpackプロジェクトの複雑なプラグイン設定を、シンプルなViteの設定に変換してくれたから。昔の人たちがこんなスクリプトをアプリをバンドルする正しい方法だと思ってたのが理解できない。viteは素晴らしいってことだけ言いたい。

Electronのクソみたいな時代や、ユーザーのコンピュータに対する一般的な軽蔑の中で、こんなパフォーマンス改善が見られて嬉しい。今取り組んでるプロジェクトは何年も続いてて（Reactフックが導入される前から）、当時の標準とされてたツール（vanilla react-scripts、Webpackを使ったもの）で作ったのを覚えてる。 decentな開発者デスクトップで2分くらいかかって、古い遅いCIサーバーはもっとひどかった。今はVite 8で同じハードウェアで約1秒でビルドできる。みんなでどれだけリソースを無駄にしてるかの証明だね。

└

特に変なのは、JavaScriptは全く処理されるべきじゃなかったはずなのに！これ、私の意見では全部間違ってる。ウェブ開発は、変更されていないソースをブラウザで起動することを目指すべきだと思う。TypeScriptも、エンジンが型を取り除いて結果のコードを実行できるように特別に設計されたんだよね。こういうビルドツールはそもそも存在するべきじゃない。

すごい！初期の頃からViteを使ってるよ。JavaScriptとTypeScriptのツールの風景がどう改善されていくのか、進化し続けるのが楽しみだ。

いいね、Viteチームお疲れ様！RollupのバンドルマジックがどれだけRolldownに移植されたのか気になる。Rustに切り替える際にいつも感じるのは、Rollupがすごく洗練されてるから、新しいもので置き換えるのが難しいってことだね。

Angularがクソみたいなビルドツールチェーンを完全にViteに対応させるのにどれくらいかかるかな。キャリアを変える前か、引退する前に実現してほしいな。