Vite 6.0 リリース！
2024年11月26日
本日、Viteの歴史において新たな大きな一歩を踏み出しました。Vite チーム、コントリビューター、そしてエコシステムパートナーは、Vite 6のリリースを発表できることを大変嬉しく思っています。
今年はイベントが多い一年でした。Viteの採用は増加し続けており、1年前のVite 5のリリース以来、週ごとのnpmダウンロード数は750万から1700万に増加しました。Vitest は、ユーザーに支持されているだけでなく、独自のエコシステムを形成し始めています。例えば、Storybook は、Vitestを搭載した新しいテスト機能を備えています。
TanStack Start、One、Ember など、新しいフレームワークもViteエコシステムに加わりました。Webフレームワークは、ますます速いペースで革新しています。Astro、Nuxt、SvelteKit、Solid Start、Qwik City、RedwoodJS、React Router など、多くのプロジェクトの改善点を確認できます。
Viteは、OpenAI、Google、Apple、Microsoft、NASA、Shopify、Cloudflare、GitLab、Reddit、Linearなど、多くの企業で使用されています。2ヶ月前、私たちはViteを使用している企業のリストを作成し始めました。多くの開発者がPRを送信して自社をリストに追加してくれることを嬉しく思っています。Viteが最初の歩みを踏み出して以来、私たちが共に構築してきたエコシステムがどれほど成長したかは信じられないほどです。
Viteエコシステムの高速化
先月、コミュニティはStackBlitz が再び主催するViteConf の第3回のために集まりました。エコシステムからの幅広いビルダーの参加を得て、これまでで最大のViteカンファレンスとなりました。他の発表の中でも、Evan Youは、JavaScriptエコシステムのためのオープンソースの高性能で統一された開発ツールチェーンを構築することに特化した会社であるVoidZero を発表しました。VoidZeroはRolldown とOxc の開発を支援しており、彼らのチームは大きな進歩を遂げ、Viteに採用される準備を急速に進めています。ViteのRustを活用した将来の計画について詳しくは、Evanの基調講演をご覧ください。
StackBlitzは、ClaudeとWebContainersを組み合わせ、フルスタックアプリのプロンプト、編集、実行、デプロイを可能にするRemixアプリであるbolt.newを発表しました。Nate Weinerは、Webとネイティブ向けの新しいVite powered ReactフレームワークであるOneを発表しました。Storybookは、Vitestを搭載した最新のテスト機能を showcasedしました。そして、その他にもたくさんあります。私たちは、全43の講演をご覧になることをお勧めします。講演者たちは、各プロジェクトの現状を私たちと共有するために多大な努力をしました。
Viteは、リフレッシュされたランディングページとクリーンなドメインを取得しました。今後、URLを新しいvite.dev ドメインを指すように更新する必要があります。新しいデザインと実装は、VoidZeroのWebサイトを作成したのと同じメンバーによって行われました。Vicente RodriguezとSimon Le Marchantに感謝します。
次期Viteメジャーリリースが登場
Vite 6は、Vite 2以来の最も重要なメジャーリリースです。私たちはエコシステムと協力して、新しいAPIを通じて共有コモンズを拡大し、いつものように、構築するためのより洗練された基盤を提供していきたいと考えています。
クイックリンク
Viteを初めて使用する場合は、はじめにと機能ガイドを最初にお読みになることをお勧めします。
私たちは、1,000人以上のコントリビューター、そしてこの新しいメジャーリリースの作成に協力してくれたViteプラグイン、統合、ツール、翻訳のメンテナーとコントリビューターに感謝したいと思います。私たちは、皆様が参加し、エコシステム全体のためにViteを改善するのを手伝ってくれることを願っています。貢献ガイドで詳細をご覧ください。
始めるには、issueのトリアージ、PRのレビュー、未解決のissueに基づいた失敗するテストPRの送信、ディスカッションやVite Landのヘルプフォーラムでの他のユーザーのサポートをお勧めします。私たちと話したい場合は、Discordコミュニティに参加して、#contributingチャンネルで挨拶してください。
ViteエコシステムとViteコアに関する最新情報については、Bluesky、X (旧Twitter)、またはMastodonでフォローしてください。
Vite 6を使ってみる
pnpm create viteを使用して、好みのフレームワークでViteアプリをすばやくスキャフォールディングしたり、vite.newを使用してVite 6をオンラインで試したりできます。また、pnpm create vite-extraを実行して、他のフレームワークやランタイム（Solid、Deno、SSR、ライブラリスターター）のテンプレートにアクセスすることもできます。 create vite-extraテンプレートは、create viteを実行したときにその他オプションの下で使用することもできます。
Viteスターターテンプレートは、Viteをさまざまなフレームワークでテストするためのプレイグラウンドとして使用することを目的としています。次のプロジェクトを構築するときは、各フレームワークで推奨されているスターターを使用してください。 create viteは、create-vue、Nuxt 3、SvelteKit、Remix、Analog、Angularなど、一部のフレームワークで適切なスターターを設定するためのショートカットも提供します。
Node.jsのサポート
Vite 6は、Vite 5と同様に、Node.js 18、20、および22+をサポートしています。Node.js 21のサポートは廃止されました。Viteは、古いバージョンのNode.jsのサポートをEOL後に廃止します。Node.js 18のEOLは2025年4月末です。その後、必要なNode.jsバージョンを上げるために新しいメジャーリリースがリリースされる可能性があります。
実験的な環境API
Viteは、新しい環境APIにより柔軟性を増しています。これらの新しいAPIにより、フレームワークの作成者は本番環境に近い開発エクスペリエンスを提供し、エコシステムは新しいビルディングブロックを共有できるようになります。SPAを構築している場合は何も変わりません。単一のクライアント環境でViteを使用する場合、すべて以前と同じように動作します。カスタムSSRアプリの場合でも、Vite 6は後方互換性があります。環境APIの主な対象ユーザーはフレームワークの作成者です。
興味のあるエンドユーザーのために、Sapphiは素晴らしい環境API入門ガイドを書いています。なぜViteをさらに柔軟にしようとしているのかを理解するための良い出発点です。
フレームワークの作成者またはViteプラグインのメンテナーで、新しいAPIを活用したい場合は、環境APIガイドで詳細を確認できます。
新しいAPIの定義と実装に関わっていただいた皆様に感謝申し上げます。Anthony Fu氏とPooya Parsa氏は、Viteを使用したNuxtの開発時SSRを改善するためにvite-nodeを開発しました。その後、Anthony氏はVitestの基盤としてvite-nodeを使用し、Vladimir Sheremet氏が継続的に改良を重ねました。2023年初頭、Vladimir氏はvite-nodeをVite Coreに統合する作業を開始し、1年後、Vite 5.1でランタイムAPIとしてリリースしました。エコシステムパートナー（特にCloudflareチーム）からのフィードバックにより、Viteの環境をより意欲的に再構築するに至りました。詳細はPatak氏のViteConf 24講演をご覧ください。
Viteチームの全員が、エコシステム内の多くのプロジェクトからのフィードバックを参考に共同設計された新しいAPIの定義に参加しました。関係者の皆様に感謝いたします！Viteを基盤としたフレームワーク、プラグイン、またはツールを開発している場合は、ぜひご参加ください。新しいAPIは実験的な段階です。エコシステムと協力して、新しいAPIの使用方法を検討し、次のメジャーリリースに向けて安定化させていきます。ご質問やフィードバックがありましたら、GitHubのディスカッションをご利用ください。
主な変更点
resolve.conditionsのデフォルト値- JSON 文字列化
- HTML要素内のアセット参照のサポート拡張
- postcss-load-config
- Sass はデフォルトで最新のAPIを使用
- ライブラリーモードでのCSS出力ファイル名のカスタマイズ
- その他、少数のユーザーにのみ影響する変更
Viteの計画中、検討中、および過去のすべての変更点を一覧表示する、新しい破壊的変更ページも追加されました。
Vite 6への移行
ほとんどのプロジェクトでは、Vite 6へのアップデートは簡単ですが、アップグレード前に詳細な移行ガイドを確認することをお勧めします。
変更点の完全なリストは、Vite 6 Changelogにあります。
謝辞
Vite 6は、コントリビューター、ダウンストリームメンテナー、プラグイン作成者、そしてViteチームのコミュニティによる長時間の作業の成果です。Viteの開発を支援してくださっている個人および企業の皆様に感謝いたします。Viteは、StackBlitz、Nuxt Labs、Astroとの提携により、VoidZeroによって提供されています。ViteのGitHubスポンサーとViteのOpen Collectiveのスポンサーに感謝いたします。