前端打包构建：从底层原理到工程实践
一本由真实互动教学沉淀而成的技术电子书。
这本书是什么
2026 年 10 月 8 日至 10 日，一位有 HTML/CSS/JS 与 npm 基础的开发者，以「资深前端工程化专家」为对话对象，用三天的分节互动教学走完了四个模块、二十二节内容，主题是前端打包构建工具：
- 核心原理 —— 依赖图、入口与输出、Loader/Plugin、Tree Shaking、代码分割、HMR、Source Map、开发与生产模式差异
- Webpack 与 Vite —— 打包式构建与原生 ESM 开发服务器的架构分野
- 新一代构建工具 —— esbuild、SWC、Rspack、Farm、Turbopack、Rolldown，以及 AI 辅助构建
- 学习路径 —— 分阶段顺序、动手项目、文档与源码的阅读切入点
本书把这三天的讲解、追问、批改与纠错，重组成一本可以独立阅读、系统复习、实践验证的知识读物。
它不是聊天记录。对话被按知识依赖重新组织，零散解释被合并成完整讲解，重复内容被去重。唯一被刻意保留的"过程痕迹"，是那些有学习价值的反例、认知误区和纠错过程 —— 它们进了各章的「常见误区」。
怎么读
| 你的情况 | 建议路径 |
|---|---|
| 想建立完整心智模型 | 按顺序读 01 → 07 |
| 只想知道 Webpack 和 Vite 怎么选 | 03 章 → 07 章 §7.5 决策矩阵 |
| 手上有个老项目想提速 | 04 章 §4.3（Rspack）→ 07 章 §7.6（迁移评估） |
| 想复习关键结论 | appendix/glossary.md |
| 想看踩过哪些坑 | 各章「常见误区」 |
给谁看
- 前端开发者中已经会用构建工具、但说不清「为什么」的人
- 需要为团队做构建工具选型与迁移决策的人
- 想理解 Rust/Go 构建工具这一轮换代，在发生什么、该不该跟进的人
- 需要一份可复用的技术学习方法论（而不只是知识点）的人
前提：会写 HTML/CSS/JS，装过 npm 包，跑过 npm run dev / npm run build。
维护说明
- 全书为纯 Markdown，无构建步骤，可直接在任何 Markdown 阅读器 / 静态站点生成器中渲染。
- 目录索引见
SUMMARY.md。 - 增量更新方式：新增内容按章追加；涉及工具版本、成熟度、性能数字时，先核验官方文档再改，改动处标注核验日期。