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

タスクごとに複数のストリームがある場合、これは役に立ちます。複数のストリームを結合/マージして返す必要があります。

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']);