vitejs/vite
6 articles
前提知識
- ›ES modules の基本的な理解
- ›Node.js CLI の基礎知識
- ›package.json の bin フィールドへの理解
01
エントリーポイントと起動プロセス
Vite の起動フロー：CLI から開発サーバーの初期化まで
02
Vite 8 の内部構造：アーキテクチャ概要とコードベースの歩き方
Vite のモノレポ構成、エントリーポイント、4つのソースディレクトリ、Environment API、そして Rolldown への移行を俯瞰するガイドです。
03
Vite が設定を解決し、プラグインパイプラインを組み立てる仕組み
Vite の設定読み込み戦略、resolveConfig() パイプライン、環境オプションのマージ、そして内部プラグインの順序付けを深く掘り下げます。
04
Vite Dev Serverの内部構造：ミドルウェアスタック、変換パイプライン、モジュールグラフ
dev serverの作成方法、セキュリティからSPAフォールバックまでのミドルウェアスタック、transformRequest()の内部動作、そしてEnvironmentModuleGraphのデータ構造について解説します。
05
ViteにおけるHot Module ReplacementとDependency Pre-Bundling
ファイル変更からモジュール再取得までのHMRサイクルを完全にたどり、Rolldownによる依存関係のスキャン、バンドル、ランタイム検出の仕組みを解説します。
06
プロダクションビルド、Builder API、そして SSR のための Module Runner
createBuilder() によるマルチ環境プロダクションビルドの制御、Rolldown 統合、CSS 処理、SSR 向け Module Runner、そして実験的なバンドル済み dev モードの詳解。