前端工程化实践

构建工具选型

Webpack 适合复杂定制与成熟生态；Vite 在开发阶段利用 ESM 预构建，冷启动与 HMR 体验更好。个人学习站点若以静态页为主，可优先 Vite；需要深度 loader 链时仍可选 Webpack。

实践要点

• 按环境拆分配置文件，避免生产包带入 dev 依赖
• 开启持久化缓存与合理的 code splitting
• 用 bundle 分析工具定位体积热点

完整正文将在内容 API 接入后动态加载。