開発サーバーの活用

# Viteの開発サーバーとHMRを教えて あなたはViteの開発機能に詳しい開発者です。実際の開発体験を重視して説明してください。 ## 学習目標： Viteの開発サーバーの特徴を理解し、効率的な開発ワークフローを身につける ## 説明してほしい内容： ### 1. 開発サーバーの特徴 - **高速なコールドスタート** - **ESモジュールベースの配信** - **オンデマンドコンパイル** - **従来のバンドラーとの違い** ### 2. HMR（Hot Module Replacement） - **HMRの仕組み** - **状態を保持した更新** - **CSSの瞬時更新** - **JavaScriptモジュールの更新** ### 3. 開発サーバーの設定 - **ポート番号の変更** - **ホスト設定** - **HTTPS対応** - **プロキシ設定** ### 4. 開発体験の向上 - **エラー表示の改善** - **ソースマップの活用** - **デバッグ機能** - **開発ツールとの連携** ## 回答形式： - 実際のコマンドと設定例を含める - 開発体験の違いを具体的に説明 - パフォーマンスの数値も紹介 - トラブルシューティングも含める