gulp怎么读 gulp _「秒懂生活」

gulp构建工具的几个使用技巧这里并不讲什么 gulp 及其其插件的安装，此前的文章已经提到过了。这里主要用来记录一下，gulp构建工具的一些简单常用的用法。
最有用的Gulp插件汇总
1）假如我们想使用gulp压缩js文件并合并js文件，应如何操作呢？
使用gulp-uglify和gulp-concat插件，gulpfile.js 大致如下：
/**
* Created by DreamBoy on 2016/8/19.
*/
var gulp = require('gulp');
var gutil = require('gulp-util');
var uglify = require('gulp-uglify');
var concat = require('gulp-concat');
gulp.task('concat', function() {
// 你的默认的任务代码放在这
gulp.src('./src/*.js')
.pipe(uglify())
.pipe(concat('all.min.js'))
.pipe(gulp.dest('./build'));
});
gulp.task('default', ['concat']);
// 在命令行中运行 gulp
/*
默认的名为default的任务（task）将会被运行，在这里，这个任务并未做任何事情。
想要单独执行特定的任务（task），请输入gulp task othertask 。
*/
更加详细的用法可以参考：gulp教程之gulp-uglify
webpack、grunt、gulpwebpack-概念：是一个现代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 操作。
以后再补充。。。

文章插图
gulp是什么意思意思是：
1、狼吞虎咽地吃；大口地饮(+down)
2、大口地吸（气）
3、（不加分析地）吸收（或接受）(+down)
4、抑制，忍住(+down/back)
6、喘不过气来；哽住
7、狼吞虎咽
8、吞咽；一（大）口
9、哽塞（声）
相似短语
at the gulp：一口(吞下),一饮(而尽)
gulp back：咽回去,忍住
gulp down：一口吞下,狼吞虎咽地吃
at one gulp：一口,一饮,一举,一下子
gulp valve：吞气阀
at a gulp：一大口
gulp sth back：忍气吞声,强抑
例句：
1、He gulped down a cup of tea.
他将一杯茶一饮而尽。
2、Mother gulped back her tears.
母亲忍住了眼泪。
3、Swimmers gulp air.
游泳的人大口吸气。
webpack和gulp的区别gulp
gulp强调的是前端开发的工作流程，我们可以通过配置一系列的task，定义task处理的事务（例如文件压缩合并、雪碧图、启动server、版本控制等），然后定义执行顺序，来让gulp执行这些task，从而构建项目的整个前端开发流程。
webpack
webpack是一个前端模块化方案，更侧重模块打包，我们可以把开发中的所有资源（图片、js文件、css文件等）都看成模块，通过loader（加载器）和plugins（插件）对资源进行处理，打包成符合生产环境部署的前端资源。
两者区别
虽然都是前端自动化构建工具，但看他们的定位就知道不是对等的。
gulp严格上讲，模块化不是他强调的东西，他旨在规范前端开发流程。
webpack更是明显强调模块化开发，而那些文件压缩合并、预处理等功能，不过是他附带的功能。
gulp和webpack的区别1、gulp是工具链、构建工具。可以配合各种插件做jps.压缩，css.压缩，less编译等，可以替代手工实现自动化工作。
2、而webpack是文件打包工具，可以把项目的各种jps.文、css.文件等打包合并成一个或多个文件，主要用于模块化方案，预编译模块的方案。
3、在定义和使用类比中两者都有各的用途，同时webpack为初级编译程序，gulp为高级编译程序，在功能上要比webpack应用程序中多。
4、webpack可以很方便使用node_module、es6或者样式注入等功能，作为最初级的功能定位性价比最高，webpack输入输出都以js为主，对html兼顾较少，可用组件不多很难达到可用的程度。
5、gulp在编程方面较为复杂，但是可用的组件也会更多，手动编译的情况下耗时较长，同时此软件不适合初级入门者使用。
资料拓展：gulp和webpack可以组合起来使用，达到快速编译的目的，依靠gulp丰富的组件可以很好地让js和html联动配置，进而控制webpack应用程序，实现高自动化。

gulp怎么读 gulp

秒懂生活扩展阅读