javascript - Gulp.js 任务，返回 src？

Question

我是 gulp 的新手，并且一直在查看示例设置。有些人有以下结构：

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在task2运行之前完成（例如编译咖啡脚本或其他任何内容）......但除非我们添加return - 如下例 - 然后它们将同步运行而不是异步运行；并且编译后的 coffeescript 不会被缩小，因为task2不会等待 task 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']);