02-构建工具

构建工具的核心问题：浏览器认识的东西，和我们写的东西之间有一道鸿沟。

顺序	内容	说明
01	构建工具原理与选型	两代模型的差异、Tree shaking 前提、体积排查顺序、选型依据
02	webpack	具体配置与优化实践（待补）
03	vite	插件体系与调优实践（待补）

阅读顺序

先读 01 建立模型，再按你手上的项目选 02 或 03 深入。

判断标准不是"谁更快"，而是你的瓶颈在哪：

• 痛点是启动慢、热更新慢 → vite
• 痛点是产物体积、分包策略不可控 → webpack 的 splitChunks 仍然更成熟
• 库开发 → rollup / tsup

与相邻主题的关系

• 上游：02-前端核心/04-javascript/29-模块 —— 模块规范决定了能否 Tree shaking
• 下游：06-性能优化 —— 构建产物直接决定 LCP
• 部署：04-部署 —— 产物怎么配 Nginx 缓存