介绍

什么是前端工程化

前端工程化是指将软件工程的技术和方法应用到前端开发中，通过工具链的方式提高开发效率、降低维护成本、提升代码质量的手段。

为什么要做前端工程化

• 项目复杂度提升，需要更好的组织代码
• 团队协作，需要更好的代码规范
• 项目维护，需要更好的代码质量
• 项目效率，需要更好的开发体验

前端工程化的目标

• 提高开发效率
• 降低维护成本
• 提升代码质量

前端工程化的内容

• 项目初始化
• 代码规范
• 模块化
• 组件化
• 自动化构建
• 自动化部署
• 自动化测试
• 性能优化
• 工程监控

前端工程化的工具

• 项目初始化：脚手架
• 代码规范：ESLint、Prettier、EditorConfig
• 模块化：ES Module、CommonJS、AMD、CMD
• 组件化：React、Vue、Angular
• 自动化构建：Webpack、Rollup、Parcel
• 自动化部署：Jenkins、Travis CI、GitLab CI
• 自动化测试：Jest、Mocha、Karma
• 性能优化：Webpack、Rollup、Parcel
• 工程监控：Sentry、Google Analytics、Fundebug