现在前端可以做的事情越来越多，也越来越复杂，那么这个时候就会产生一些问题，例如
如何进行高效的多人协作？
如何保证项目的可维护性？
如何提高项目的开发质量？
如何降低项目生产的风险？
答案就是前端工程化
那么前端工程化是什么呢
前端工程化是使用软件工程的技术和方法来进行前端的开发流程、技术、工具、经验等规范化、标准化，其主要目的为了提高效率和降低成本，即提高开发过程中的开发效率，减少不必要的重复工作时间
前端工程化可以分为几个方面来讲
1、模块化
什么是模块化？
模块化就是根据功能，状态，接口等属性，进行拆分，讲复杂，代码量多的区块拆分成几个小的，单独的区块，好处就是易于维护，同时写代码时，也可以做到关注点分离，只需要关注需要的单方面的代码区块，方便模块间组合、分解 ，多人协作互不干扰， 高复用性
如何做到模块化？
1、es6中提供import和export来导入导出，ES6还提供了一个default，用来提供默认的export，而这种方式的加载是异步加载
2、request和module.export来导入和导出，但是不太推荐，原因是其加载是同步加载
3、使用define()定义模块，require()加载模块
2、组件化
每个包含模板(HTML)+样式(CSS)+逻辑(JS)功能完备的结构区块，我们称为组件
页面上所有的东西都是组件。页面是个大型组件，可以拆成若干个中型组件，然后中型组件还可以再拆，拆成若干个小型组件。
在vue的官方文档中讲得很详细 https://cn.vuejs.org/
3、自动化
自动化理念：任何简单机械的重复劳动都应该让机器去完成。
例如如下：
自动化构建
自动化部署
自动化测试
等等
