前端自动化构建工具
对于中大型网站项目，前端的各种资源的优化过程繁琐和开发流程变得不易维护，需要借助工具 来
降低前端工程的复杂度
1 起源
基于模块化思想、自动化思想
2 工作原理
将前端的代码资源优化并转化成最终代码。 关键词是：词法分析，语法分析，AST，依赖收集
3 评估标准
打包后的文件的性能（运算速度，存储大小）和工程化程度（易开发维护）
4 如何选择？
| 优点 | 缺点 | 应用场景 | |
|---|---|---|---|
| Grunt | 灵活 | 集成度不高，要自己写很多配置才可以用 | 现在基本不使用了 |
| Gulp | 相当于grunt的增强版，可以和其他工具搭配使用 | 集成度不高，要自己写很多配置才可以用 | 应用开发，部分公司仍使用Gulp |
| Webpack | 处理各种前端资源，开箱即用 | 不如rollup使用ES6模块的轻量 | 应用开发首选 |
| Rollup | 使用ES6模块，打包后文件轻量 | 功能还不如webpack完善 | 类库 |
