javascript - run-sequence 不按顺序运行 gulp 任务

Question

我的 Gulp 文件中有 3 个任务必须按以下顺序运行：

1. clean（删除/dist文件夹中的所有内容）
2. copy（将多个文件复制到/dist文件夹中）
3. replace/dist（替换文件夹中某些文件中的一些字符串）

我已经阅读了所有其他帖子，我尝试过“运行序列”，但它不起作用，因为“替换”任务没有最后运行。我对“回调”的使用感到困惑。单独运行任务可以正常工作。

var gulp = require('gulp');
var runSequence = require('run-sequence');

gulp.task('runEverything', function(callback) {
    runSequence('clean',
                'copy',
                'replace',
                callback);
});

gulp.task('clean', function () {
    return del(
        'dist/**/*'
    );
});

gulp.task('copy', function() {
    gulp.src('node_modules/bootstrap/dist/**/*')
        .pipe(gulp.dest('dist/vendor'))
    //...
    return gulp.src(['index.html', '404.html', '.htaccess'])
        .pipe(gulp.dest('dist/'));
});

gulp.task('replace', function(){
    gulp.src(['dist/index.php', 'dist/info.php'])
        .pipe(replace('fakedomain.com', 'realdomain.com'))
        .pipe(gulp.dest('dist'));

    return gulp.src(['dist/config.php'])
        .pipe(replace('foo', 'bar'))
        .pipe(gulp.dest('dist'));
});

使用这 3 个任务的完整示例将不胜感激。谢谢你。

Answer 1

该run-sequence文档对具有异步操作的任务有以下说明：

确保它们要么返回流或承诺，要么处理回调

你的copy和replace任务都有不止一个流。您必须返回所有流，而不仅仅是最后一个。如果您不返回它们，Gulp 将不会知道其他流的任何信息，因此不会等待它们完成。

由于您只能返回一个流，因此您必须合并流 [在此处插入捉鬼敢死队参考]。这将为您提供一个可以从任务中返回的合并流。

以下是使用merge-stream包的方法：

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

gulp.task('copy', function() {
    var stream1 = gulp.src('node_modules/bootstrap/dist/**/*')
        .pipe(gulp.dest('dist/vendor'))
    //...
    var stream2 = gulp.src(['index.html', '404.html', '.htaccess'])
        .pipe(gulp.dest('dist/'));

    return merge(stream1, stream2);
});

gulp.task('replace', function(){
    var stream1 = gulp.src(['dist/index.php', 'dist/info.php'])
        .pipe(replace('fakedomain.com', 'realdomain.com'))
        .pipe(gulp.dest('dist'));

    var stream2 = gulp.src(['dist/config.php'])
        .pipe(replace('foo', 'bar'))
        .pipe(gulp.dest('dist'));

    return merge(stream1, stream2);
});