前端工程化

1.实际的前端开发：

1. 模块化（js的模块化，css的模块化，其他资源的模块化）
2. 组件化（复用现有的UI结构、样式、行为）
3. 规范化（目录结构的划分、编码规范化、接口规范化、文档规范化、Git分分支管理）
4. 自动化（自动化构建、自动部署、自动化测试）

2. 什么是前端工程化

前端工程化指的是：在企业级的前端项目开发中，把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。最终落实到细节上，就是实现前端的“4个现代化”:

模块化，组件化，规范化，自动化。

企业中的Vue项目和React项目，都是基于工程化的方式进行开发的。

3. 前端工程化的好处

1. 前端工程化让前端开发能够“自称体系”，覆盖了前端项目从创建到部署的方方面面
2. 最大程度地提高了前端的开发效率，降低了技术选型、前后端联调等带来的协调沟通成本

4. 前端工程化的解决方案

早期的前端工程化解决方案：

• grunt
• gulp

目前主流的前端工程化解决方案：

• webpack
• parcel