Vite パターン Vite 8+ プロジェクトのビルドツールおよびデベロップメントサーバーのパターン。設定、環境変数、プロキシ設定、ライブラリモード、依存関係の事前バンドル、一般的な本番環境の落とし穴をカバー。 使用するタイミング - または を設定するとき - 環境変数または ファイルを設定するとき - APIバックエンド用のデベロップメントサーバープロキシを設定するとき - ビルド出力(チャンク、ミニファイ、アセット)を最適化するとき - でライブラリを公開するとき - 依存関係の事前バンドルまたはCJS/ESM相互運用のトラブルシューティングをするとき - HMR、デベロップメントサーバー、またはビルドエラーをデバッグするとき - Viteプラグインの選択または順序付けをするとき 動作の仕組み - デベロップメントモード はソースファイルをネイティブESMとして提供します(バンドルなし)。変換はモジュールリクエストごとにオンデマンドで行われるため、コールドスタートが速くHMRが精確です。 - ビルドモード はRolldown(v7+)またはRollup(v5〜v6)を使用して、ツリーシェイキング、コード分割、Oxcベースのミニファイでアプリを本番用にバンドルします。 - 依存関係の事前バンドル はesbuildを通じてCJS/UMD依存関係をESMに一度変換し、結果を に…