概要
- Vite+ のベータ版が公開され、統一されたWeb開発ツールチェーンを提供
- vpコマンド で新規プロジェクト作成や既存プロジェクトへの導入が可能
- Vite, Vitest, Rolldown など主要ツールを一元管理
- オープンソース かつフレームワーク非依存で、幅広いWebプロジェクトに対応
- 今後もフィードバックを反映しつつ、 Vite+ 1.0 リリースを目指して開発継続
Vite+ ベータ版リリース
- Vite+ はWeb開発の統一ツールチェーン
- ランタイム・パッケージマネージャ・フロントエンドツール を一体化
- Vite, Vitest, Rolldown, tsdown, Oxlint, Oxfmt を内蔵し、タスクランナーも搭載
- MITライセンス のオープンソース、フレームワーク非依存
- CLI、ライブラリ、Webアプリ など多様な用途に対応
Vite+ の特徴とメリット
-
一貫性のあるワークフロー
- vp dev :Vite 8による開発サーバ起動とHMR
- vp check :Oxfmtでフォーマット、Oxlintでリント、型チェックを一括実行
- vp test :Vitestによるユニットテスト
- vp build :Vite 8による本番ビルド
- vp pack :tsdownによるライブラリバンドル
- vp run :npmスクリプトやタスクをモノレポ対応のタスクランナーで実行
-
チーム・大規模開発での利点
- ツールバージョンの統一
- 設定共有の容易化
- 新規参加者のセットアップ手順の簡略化
- CIとローカルで同じコマンド利用可能
-
Viteエコシステムとの共存
- Viteプラグインはそのまま利用可能
- 内部で既存のパッケージマネージャも選択可
- Vite+は統合レイヤーとして機能
ベータ版までの進化
- キャッシュ機能の強化 :vp runが自動データ追跡とViteのメタデータを活用
- マイグレーションの改善 :vp migrateが多様なアプリ構成に対応、プロンプト機能追加
- エンタープライズ機能 :組織テンプレート、プロキシ・カスタムCA対応HTTP
- クロスプラットフォーム対応 :主要OS・シェルでの動作安定化
- 180件超の修正・改善 :基盤の強化
- グローバルなコアチームとコミュニティ によるオープン開発
Vite+を支える周辺ツールの進化
- Vite 8.1 :実験的なフルバンドルモード
- Vitest :ARIAスナップショット対応
- Rolldown 1.0 :新プラグインシステム・パフォーマンス向上
- tsdown :CSS Modulesサポート
- Oxlint :React CompilerネイティブLintルール統合
- Oxfmt :Svelteコードのフォーマット対応
実際の導入事例
- 1,300以上のパブリックリポジトリ でvite-plusを採用
- Dify :LLMアプリ構築プラットフォーム
- critical :フレームワーク非依存のCSSツール
- BlockNote :React向けリッチテキストエディタ
- vinext :Next.js互換のViteベースフレームワーク
- zerobyte :バックアップ自動化ツール(TanStack, React利用)
- îles :Vue向けアイランドアーキテクチャジェネレータ
- agentsview :Svelte製のセッション分析ツール
- Inkline :複数フレームワーク対応UIコンポーネント
- npmx :Nuxtベースのnpmレジストリブラウザ
- npmx開発者の声 :「Vite+により開発体験とCIの高速化を実現」
1.0リリースへのロードマップ
- vp runのリモートキャッシュ 機能の実装
- GitLab CI/CD向けsetup-vp の提供
- Viteフレームワーク・プラグインとの互換性向上
- マイグレーション対象の拡充
- Homebrew公式Formula等の配布チャネル追加
- ドキュメント・診断機能の明確化
- コミュニティからのフィードバックを最優先 し、1.0前に互換性ギャップを解消
Vite+ ベータ版の導入方法
-
グローバルインストール
- macOS/Linux:
shcurl -fsSL https://vite.plus | bash
- Windows:
powershellirm https://vite.plus/ps1 | iex
- macOS/Linux:
-
新規プロジェクト作成
vp create
-
既存Viteプロジェクトへの導入
vp migrate- ※マイグレーションコマンドは変更予定を表示。複雑なプロジェクトは手動対応が必要な場合あり。
- 本番導入前にマイグレーションガイドの確認を推奨
-
ドキュメント・コミュニティ
- 公式サイト: viteplus.dev
- Discord: VoidZeroコミュニティ
- GitHub: Issue報告・コントリビュート
- X & Bluesky:
@voidzerodev,voidzero.devで最新情報発信
-
アルファテスター・コントリビューターへの感謝