前端工程化

前端工程化是以规范工作流程为手段，以工具为实现媒介，最终目的是为了提高研发效率以及保证web产品的线上质量。

1. 规范

a. 项目文件的组织结构，比如使用目录名称区分源文件和目标文件
b. 源代码的开发规范，比如使用规定的模块化方案
c. 工具的使用规范，比如工程化自身的配置规范
d. 各阶段环境的依赖，比如部署功能的实现需要目标服务器提供SSH权限

工具的作用是将规范具体化为具体功能并且在一定的程度上将开发者限定在既有的规范内。

1
2
3

a. 淡化环境的差异性，保证产出的一致性
b. 权限集中管理，提高安全性
c. 项目版本集中管理，便于危机处理，比如版本回滚

目前市场上流行的前端工具大概分为3类：
a. 工作流管理工具： Grunt，Gulp
b. 构建工具： webpack，rollup
c. 整体解决方案工具：FIS，WeFlow

Grunt，Gulp 之类的工作流管理工具本身不提供任何具体功能，所有的构建，部署等功能都由对应的插件提供。这样便于项目各环节工作流程的控制。

webpack生态圈庞大，插件质量高，更新及时，webpack提供了优雅的生命周期和高度可扩展的API，便于开发各类插件。webpack同时还兼具性能优化功能。

FIS具备构建，部署，Mock服务等基本功能

前端工程化的核心目标之一便是建立合理的前后端分离工作环境，提高团队整体的工作效率。

[参考资料]: 前端工程化体系设计与实践周俊鹏著