序章:构建之道·现代前端的破局者
-
前端发展简史:从 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 迁移对照表
-
附录四:常见报错与解决方案索引
-
附录五:前端构建工具进化年表