什么是前端工程化？

• 前端工程化是指在前端开发过程中，采用工程化的思维和方法，通过工具、流程和规范来提升开发效率、代码质量和项目可维护性的一系列实践。它涵盖了从代码管理、构建工具、自动化测试、持续集成到部署等多个方面。

• 前端工程化关注的是 “如何把前端项目当成工程来做”，核心目标包括：

  • 降低协作成本
  • 提高开发效率
  • 保证交付质量
  • 支撑长期维护

• 工程化关注的维度

  • 模块化：代码拆分、组件化、微前端。ESM / CJS / 组件化
  • 规范化：代码规范、设计规范。ESLint / Prettier / Stylelint
  • 自动化：构建、测试、部署。Webpack / Vite / CI/CD
  • 标准化：统一技术选型、版本管理、文档规范。Git / 语义化版本控制 / 文档生成工具。目录结构、命名规范
  • 可维护性：代码复用、测试覆盖、监控告警。单元测试 / E2E 测试 / 性能监控
  • 性能优化：构建优化、运行时优化。Tree Shaking / 代码分割 / 懒加载