gulp构建工具的几个使用技巧

发布网友发布时间：2022-04-06 09:48

共1个回答

热心网友时间：2022-04-06 11:17

这里并不讲什么 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