概念

• 前端工程化包含从编码、发布到运维的整个前端研发生命周期。
• 工程化的核心目标是三点：效率、规范、性能。
• 前端工程化的主要目标是解放生产力、提高生产效率。通过制定一系列的规范，借助工具和框架解决前端开发以及前后端协作开发过程中的痛点和难点问题。
• 前端工程化是一系列工具和规范的组合，规范为蓝本，工具为实现。

  前端工程体系是一种服务，以项目迭代过程中的前端开发为主要 服务对象，涉及开发、构建、部署等环节。 ——《前端工程化：体系设计与实践》

发展历史

• 1995 年发布Javascript、2005 年出现ajax、2008 年谷歌发布V8引擎
• 2009 年发布Node.js、2010 年发布NPM 0.1、2013 年发布 Webpack 1.0
• 2013 年发布React.js 1.0、2014 年发布Vue 1.0

前端开发模式的变化：

• 2005年之前：前后端混合、服务端渲染
• 2005-2013：前后端分离、SPA
• 2013-2014：模块化开发、npm模块、webpack打包
• 2014 之后：MVVM+模块化开发

3个阶段

1. 本地工具链—工程化不等同于工具化
2. 管理平台—进一步淡化差异、加深规范
3. 持续集成—前端工程化的目标是融入整体

工程化问题解决：

• 项目研发模式升级（升级）
• 研发脚手架(解决项目创建和发布问题)、研发平台
• 工程化脚手架（统一解决不同技术栈的工程差异）
• 项目性能优化

参考资料

• 吃透前端工程化
• 前端工程化：体系设计与实践