ep.188『コアチームと語るvite 8 - 再構築されるフロントエンドツールチェーン』

@TheoSteiner が、@sapphi-red と一緒に Vite 8 のリリースと Rolldown 統合、そして VoidZero が築くフロントエンドツールチェーンの今について語りました。

ゲスト

• sapphi-red
  • Vite Core Team / VoidZero
  • Vite 3 の頃からコア開発に参加。Rolldown 統合に伴うマイグレーションガイドの執筆も担当
  • 東京科学大学(旧 東京工業大学)/ traP 出身

Rolldown 統合

• 開発時の esbuild とビルド時の Rollup を、Rust 製の Rolldown に一本化
• 開発時とビルド時で挙動が揃い、Rust × 並列化によって高速化
• プラグインは引き続き JS で書ける(Node.js の C 呼び出しと同じ仕組みで橋渡し)

Rolldown ならではの新 API

• MagicString を Rust 側で処理する experimental API(約 10% 高速化)
• Plugin Hook Filter — JS 呼び出しを正規表現で間引いてオーバーヘッド削減

CommonJS / ESM default import の解釈変更

• Rolldown は esbuild の解釈に寄せた → Vite 7 ビルド時と挙動が変わるケースあり
• 一時的な workaround として互換フラグも用意。長期的には migration guide 経由でエコシステムへ issue を立ててもらうのがおすすめ

Environment API のステーブル化に向けて

• Vite 6 で experimental 導入。Vite 8 でさらに stable へ近づく
• SSR と CSR を対等に扱えるアーキテクチャ

デフォルト minifier の変更

• JS: esbuild → OXC(クロスモジュール最適化など)
• CSS: esbuild → Lightning CSS(オプショナル → 必須 dep)

VoidZero エコシステム

• Vite / Vitest / Rolldown
• OXC(Parser / Transformer / Minifier / Oxlint / Oxfmt)
• tsdown(tsup 後継・Rolldown ベースのライブラリ向けバンドラ)
• vite+(ツール群を統合したスーパーセット。最近 MIT へ)
• Node.js 25 以降の Corepack 廃止を見据えた package manager manager 構想も
• クラウド方面のプロダクトも発表されたばかり

関連リンク

• Vite: https://vite.dev/
• Rolldown: https://rolldown.rs/
• Vitest: https://vitest.dev/
• VoidZero: https://voidzero.dev/
• Lightning CSS: https://lightningcss.dev/
• sapphi-red(GitHub): https://github.com/sapphi-red

---

採用について

• LINEヤフー新卒採用
• LINEヤフー中途採用

使用素材・クレジット

• BGM&SE
  • 魔王魂
  • 騒音のない世界
  • OtoLogic