前端构建工具（webpack-gulp-grunt-rollup...）

webpack那么好用，为什么还要用glup和grunt？

　　因为  webpack的本职工作是做代码的编译和打包。而glup和grunt是不能实现打包的。

　　glup和grunt的本职工作是任务管理，glup的编译实际上调用的还是webpack的功能。

项目中为什么要使用构建工具？

　　资源压缩、静态资源替换、模块化处理、编译处理。

                                                                                                                                                     

rollup 的功能和 webpack 相似，rollup可以把一些冗余代码去掉，编译速度较快，后续webpack也补充了此功能。

grunt 的出现是为了代替 glup。