Vite 5 がリリースされました。これは、 Vite 開発におけるもう 1 つの重要なマイルストーンです 。新しいバージョンでは、 ビルド パフォーマンスを大幅に向上させるロールアップ 4 が使用されており、開発サーバーのパフォーマンスを向上させるために使用できるいくつかの新しいオプションも提供されています。
発表では、Vite 5 は長年の問題に対処するために API のクリーンアップ (非推奨の機能の削除) といくつかの機能の合理化に重点を置いていると述べられています。たとえば、define
変換では、正規表現を使用する代わりに、正しい AST 置換が使用されます。プロジェクトチームは、今後もViteの導入を推進していくと述べた。
Node.jsのサポート
Vite は EOL Node.js 14/16/17/19 をサポートしなくなりました。Node.js 18/20 以降が必要になりました。
パフォーマンス
ロールアップ 4 のビルド パフォーマンスの向上に加えて、ユーザーが一般的なパフォーマンスの問題を特定して修正するのに役立つ新しいガイドがあります: https://vitejs.dev/guide/performance。
Vite 5 では 、起動時間を短縮する新機能であるserver.warmupも導入されています。これにより、サーバーの起動直後に事前変換する必要があるモジュールのリストを定義できます。--open
または を使用するとserver.open
、Vite はアプリケーションのエントリ ポイントまたは指定された URL を開くために自動的にウォームアップします。
主な変更点
- Vite は Rollup 4 を利用するようになりました
- CJS ノード API は非推奨になりました
- やり直し
define
とimport.meta.env.*
交換の戦略 - SSR の外部化されたモジュールの値が本番環境と一致するようになりました
worker.plugins
今は関数です.
含まれるパスがindex.htmlにフォールバックできるようにする- HTML 配信動作の開発とプレビューを調整する
.vite
マニフェスト ファイルがデフォルトでディレクトリに生成されるようになりました- CLI ショートカットでは追加の
Enter
キーを押す必要があります - 更新
experimentalDecorators
とuseDefineForClassFields
TypeScript の動作 --https
フラグを削除し、https: true
- 削除
resolvePackageEntry
とresolvePackageData
API - 以前に非推奨になった API を削除する
- プラグインおよびツールの作成者に影響を与える高度な変更の詳細については、こちらをご覧ください。
詳細については、 Vite 5 変更ログをご覧ください。