前端工程化概念

在学VUE和webpack打包的时候，了解到前端工程的基本概念，如下：

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

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

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

前端工程化的解决方案
一、早期的解决方案
grunt(http://www.gruntjs.net/)
gulp(http://www.gulpjs.com.cn)

二、目前的主流解决方案
webpack(https://www.webpackjs.com/)
parcel(https://zh.parceljs.org/)