前端面试题：构建工具与工程化实践

1. 常见前端构建工具有哪些？

• Webpack、Rollup、Vite、Parcel。
• 选择依据包括开发体验、打包速度、生态和插件能力。

2. 什么是 Tree Shaking？

• 通过静态分析移除未使用的代码。
• 需要使用 ES Module 才能生效。
• 可减少打包体积。

3. 何为代码分割？

• 将应用拆分成多个按需加载的 chunk。
• 提高首屏性能，减少初始包大小。
• 常见实现：路由懒加载、动态 import、组件级分割。

4. 为什么要使用模块化？

• 模块化提高代码可维护性。
• 每个模块职责单一，便于复用和测试。
• 前端支持 CommonJS、AMD、ES Module 等模块规范。

5. 版本控制与发布流程应该如何设计？

• 使用语义化版本号管理发布。
• 建议将构建产物与源码分离，发布静态资源到 CDN。
• 设置 CI/CD 自动化构建、测试和发布流程。

6. 如何优化构建速度？

• 启用缓存、并行构建。
• 减少大依赖、拆分包。
• 只对变更文件进行增量构建。

7. 何时使用 monorepo？

• 多个项目共享组件或库时。
• 适合统一依赖和版本管理。
• 需要配合工具如 pnpm、Lerna、Turborepo。

8. 前端工程化常见考点有哪些？

• 构建配置和打包优化。
• 代码规范和静态检查。
• 自动化测试、预览和发布流程。
• 多环境配置和参数注入。