序章：构建之道·现代前端的破局者

• 前端发展简史：从 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 迁移对照表

• 附录四：常见报错与解决方案索引

• 附录五：前端构建工具进化年表