webpack、grunt、gulp
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了webpack、grunt、gulp相关的知识，希望对你有一定的参考价值。
参考技术A 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 操作。
以后再补充。。。
以上是关于webpack、grunt、gulp的主要内容，如果未能解决你的问题，请参考以下文章
任务运行程序（Gulp、Grunt 等）和捆绑程序（Webpack、Browserify）。为啥要一起使用？
Gulp / Grunt和browserify / webpack之间的关系