webpack、grunt、gulp

webpack-概念：是一个现代js应用程序的静态模块打包器。
webpack4和3的区别如下：
1、从webpack4.0开始，可以不用引入一个配置文件。（当然你也可以配置一些东西）
2、不仅要安装webpack，还要安装webpack-cli
3、增加mode配置（development | production）。对不同的环境启用不同的配置
4、去掉了CommonsChunkPlugin（改成optimization.splitChunks进行模块划分）和UglifyJsPlugin（只需要设置optimization.minimize为true就行）插件

grunt-对于需要反复重复的任务，例如压缩（minification）、编译、单元测试、linting等，进行自动化构建。

gulp-利用 Node.js 流，快速构建项目并减少频繁的 IO 操作。

以后再补充。。。