序章：構建之道·現代前端的破局者

• 前端發展簡史：從 Grunt、Gulp、Webpack 到 Vite

• 構建工具的本質與未來

• 為什么是 Vite？——新時代的構建哲學

• 本書閱讀導覽與學習路徑

---

第一篇 入門啟蒙·識得 Vite 真面目

第1章 Vite 初識

• 什么是 Vite？

• 設計理念：即時服務、按需編譯、現代模塊化

• 與 Webpack、Parcel、Snowpack 對比

• Vite 的生態格局與未來走向

第2章 安裝與初體驗

• 環境準備與 Node.js 配置建議

• 創建 Vite 項目

• 項目結構解析

• 啟動開發服務器，感受極速熱更新

第3章 配置的藝術

• vite.config.ts 基礎結構

• 常用配置項詳解

• 配置環境變量

• 配置開發、生產模式

---

第二篇 精進之路·構建體系化工程

第4章 插件系統深解

• Vite 插件機制原理

• 官方與第三方插件生態巡禮

• 自定義插件開發實戰

• 插件執行生命周期詳析

第5章 構建優化策略

• 模塊預構建（Pre-Bundling）

• 依賴優化與動態導入

• 懶加載與代碼分割

• 構建輸出目錄與資源命名策略

第6章 前端路由與狀態管理

• Vite 與前端路由庫（Vue Router/React Router）

• Vite 中狀態管理（Pinia、Zustand、Redux Toolkit）

• 多頁面應用（MPA）配置與路由映射

第7章 熱模塊替換（HMR）內核剖析

• HMR 工作機制

• HMR 與插件協作

• 性能調優與異常處理技巧

---

第三篇 實戰精修·從小巧到大型工程

第8章 多環境配置與部署

• 多環境配置文件管理

• CI/CD 持續集成流程設計

• Vite 項目部署至 Vercel、Netlify、自有服務器

第9章 現代前端集成方案

• 集成 Tailwind CSS、UnoCSS

• 集成 TypeScript 與 ESLint/Prettier

• E2E 測試方案（Vitest、Playwright）

第10章 Vite 與微前端

• 微前端架構概述

• Vite + Module Federation 實現

• 子應用獨立構建與主應用通信

第11章 服務端渲染（SSR）實戰

• SSR 概述與 Vite 的優勢

• 使用 Vite 構建 Vue/React SSR 項目

• 路由與狀態同步策略

• SEO 優化實踐

---

第四篇 源碼內觀·探秘 Vite 核心設計

第12章 Vite 核心架構總覽

• 核心模塊結構與流程

• 開發服務器與插件體系協作圖

• 構建流程圖解

第13章 源碼閱讀與定制實踐

• 創建自定義開發服務器

• 深入 ESBuild 與 Rollup 調度機制

• 內部鉤子機制與調用鏈分析

第14章 性能優化極致之道

• 緩存策略與依賴預構建優化

• 多線程與增量構建探索

• 大型項目構建瓶頸診斷與解決

---

第五篇 哲思余音·構建之外的智慧

第15章 構建哲學：快與慢、簡與繁

• 構建工具進化史哲學反思

• 性能至上，還是開發體驗優先？

• 模塊化文明下的前端未來

第16章 工具之外，架構之美

• 如何設計一個優雅、可持續演進的前端架構？

• Vite 在企業級項目架構中的定位

• 從“工具依賴”到“體系自主”的構建范式轉變

---

附錄

• 附錄一：常用 Vite 插件速查表

• 附錄二：Vite 配置速查手冊

• 附錄三：Vite 與 Webpack 遷移對照表

• 附錄四：常見報錯與解決方案索引

• 附錄五：前端構建工具進化年表