Gulp.js任务,返回src？

Question

我是新手,并且一直在查看示例设置.有些人有以下结构:

gulp.task("XXXX", function() {
    gulp.src("....

其他人有这个:

gulp.task("XXXX", function() {
   return gulp.src("....

我想知道src 的回报有什么不同？

Answer 1

您return指示该任务是异步的.gulp.src()返回一个流,所以它是异步的.

没有它,任务系统就不会知道它什么时候结束.阅读文档.

Answer 2

如果您有依赖任务,则需要返回任务流,以便在运行自己之前等待其相关任务完成.

例如

// without return
gulp.task('task1', function() {
    gulp.src('src/coffee/*.coffee')
      /* eg compile coffeescript here */
     .pipe(gulp.dest('src'));
});

gulp.task('task2', ['task1'], function() {
    gulp.src('src/*.js')
      /* eg minfify js here */
     .pipe(gulp.dest('dest'));
});

在这个例子,你会期望TASK1完成(如编译CoffeeScript的或其他)之前TASK2运行......但除非我们增加收益 -如下面的例子-那么他们将运行不同步异步; 和编译的CoffeeScript不会因为精缩TASK2将不会等待任务1完成,所以不会对编译后的输出拿起TASK1.所以我们应该总是在这种情况下回归.

// with return
gulp.task('task1', function() {
    return gulp.src('**/*.coffee')
      /* your operations here */
     .pipe(gulp.dest('dest'));
});

gulp.task('task2', ['task1'], function() {
    return gulp.src('**/*.js')
      /* your operations here */
     .pipe(gulp.dest('dest'));
});

编辑:这里的食谱进一步解释了它.https://github.com/gulpjs/gulp/blob/master/docs/recipes/running-tasks-in-series.md

Answer 3

如果每个任务有多个流,我发现这很有用.您需要组合/合并多个流并返回它们.

var gulp = require('gulp');
var merge = require('gulp-merge');

gulp.task('test', function() {
    var bootstrap = gulp.src('bootstrap/js/*.js')
        .pipe(gulp.dest('public/bootstrap'));

    var jquery = gulp.src('jquery.cookie/jquery.cookie.js')
        .pipe(gulp.dest('public/jquery'));

    return merge(bootstrap, jquery);
});

使用Gulps任务定义结构的替代方案是:

var gulp = require('gulp');

gulp.task('bootstrap', function() {
    return gulp.src('bootstrap/js/*.js')
        .pipe(gulp.dest('public/bootstrap'));
});

gulp.task('jquery', function() {
    return gulp.src('jquery.cookie/jquery.cookie.js')
        .pipe(gulp.dest('public/jquery'));
});

gulp.task('test', ['bootstrap', 'jquery']);