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が再び主催する第3回ViteConfに集結しました。エコシステムから幅広いビルダーが参加し、これまでで最大のViteカンファレンスとなりました。その他の発表の中でも、Evan Youは、JavaScriptエコシステム向けにオープンソースで高性能な統合開発ツールチェーンを構築することに専念する企業であるVoidZeroを発表しました。VoidZeroはRolldownとOxcを支えており、彼らのチームはViteに採用されるべく急速な進歩を遂げています。ViteのRustを動力源とする未来についての次のステップを学ぶには、Evanの基調講演をご覧ください。
Stackblitzは、ClaudeとWebContainersを組み合わせ、フルスタックアプリのプロンプト、編集、実行、デプロイを可能にするRemixアプリであるbolt.newを発表しました。Nate Weinerは、ウェブとネイティブ向けの新しいViteベースのReactフレームワークであるOneを発表しました。Storybookは、Vitestを搭載した最新のテスト機能を披露しました。その他にも盛りだくさんの内容でした。全43の講演をご覧になることをお勧めします。登壇者は、各プロジェクトの現状を私たちと共有するために多大な努力をしました。
Viteはまた、刷新されたランディングページとクリーンなドメインも手に入れました。今後のURLは、新しいvite.devドメインを指すように更新してください。新しいデザインと実装は、VoidZeroのウェブサイトを作成したのと同じチームによって行われました。Vicente RodriguezとSimon Le Marchantに感謝します。
次のViteメジャーリリースはこちらです
Vite 6は、Vite 2以来最も重要なメジャーリリースです。私たちはエコシステムと連携し、新しいAPIを通じて共有共通基盤を拡大し続け、そして通常通り、より洗練された基盤の上に構築していくことに意欲的です。
クイックリンク
Viteを初めて利用する方は、まず「はじめに」と「機能」のガイドを読むことをお勧めします。
この新しいメジャーリリースを作成するのにご協力いただいた、Vite Coreへの1,000人以上のコントリビューター、Viteプラグイン、インテグレーション、ツール、翻訳のメンテナーとコントリビューターに感謝いたします。私たちは、皆さんが参加して、エコシステム全体のViteを改善するのを手伝ってくれることを願っています。コントリビューションガイドで詳細をご覧ください。
まず、イシューのトリアージ、PRのレビュー、オープンイシューに基づく失敗テストのPRの送信、そしてディスカッションやVite Landのヘルプフォーラムでの他のユーザーのサポートをお勧めします。私たちと話したい場合は、Discordコミュニティに参加して、#contributingチャンネルで挨拶してください。
ViteエコシステムおよびViteコアの最新ニュースについては、Bluesky、X、またはMastodonをフォローしてください。
Vite 6を始める
pnpm create viteを使用すると、お好みのフレームワークでViteアプリを素早くスキャフォールドできます。または、vite.newを使用してVite 6をオンラインで試すこともできます。pnpm create vite-extraを実行すると、他のフレームワークやランタイム（Solid、Deno、SSR、ライブラリスターター）のテンプレートにアクセスできます。create viteを「Others」オプションで実行した場合にも、create vite-extraテンプレートを利用できます。
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バージョンを引き上げるための新しいメジャーリリースを公開する可能性があります。
実験的なEnvironment API
Viteは新しいEnvironment APIにより、より柔軟になりました。これらの新しいAPIは、フレームワーク開発者が本番に近い開発体験を提供し、エコシステムが新しいビルディングブロックを共有することを可能にします。SPAを構築している場合、何も変更はありません。単一のクライアント環境でViteを使用する場合、すべては以前と同じように機能します。そして、カスタムSSRアプリの場合でも、Vite 6は後方互換性があります。Environment APIの主なターゲットはフレームワーク開発者です。
好奇心旺盛なエンドユーザー向けに、Sapphiが素晴らしいEnvironment API入門ガイドを執筆しました。Viteをさらに柔軟にしようとしている理由を理解するための素晴らしい出発点となるでしょう。
フレームワーク開発者またはViteプラグインメンテナーで、新しいAPIを活用したい場合は、Environment APIガイドで詳細を学ぶことができます。
新しいAPIの定義と実装に関わったすべての人々に感謝します。この話は、Vite 2がRich Harris氏とSvelteKitチームによって開拓されたバンドルなしのSSR開発スキームを採用したことから始まります。ViteのSSR変換はその後、Anthony Fu氏とPooya Parsa氏がvite-nodeを作成し、NuxtのDev SSRの改善に繋がりました。Anthony氏はvite-nodeを使ってVitestを動かし、Vladimir Sheremet氏がVitestのメンテナンスの一環としてそれを改良し続けました。2023年の初めに、Vladimir氏はvite-nodeをVite Coreにアップストリームする作業を開始し、1年後にVite 5.1でRuntime 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チェンジログにあります。
謝辞
Vite 6は、コミュニティの貢献者、ダウンストリームのメンテナー、プラグイン開発者、そしてViteチームによる長時間の作業の成果です。Viteの開発を支援してくださっている個人および企業に感謝いたします。Viteは、StackBlitz、Nuxt Labs、Astroとの提携により、VoidZeroから提供されています。ViteのGitHubスポンサーおよびViteのOpen Collectiveのスポンサーに感謝します。