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