javascript - gulp - 使 gulp.pipe(gulp.dest) 同步

Question

我有两个任务，B 依赖于 A。

任务A需要循环一个数组，然后执行gulp.dest，但似乎B会在A完成之前执行。

A 所做的就是加载所有 html，并将每个 html 注入(inject)到 template.html

Answer 1

我使用 run-sequence 来实现此目的，可以通过 npm 获取(请参阅 https://www.npmjs.com/package/run-sequence )。

在你的 gulpfile 中它看起来像这样:

gulp.task("dist-sequence", function() {
    return runSequence("dist-clean",
        [
            "dist-client-js", "dist-vendor-js", "dist-client-css", "dist-vendor-css",
            "dist-fonts", "dist-images", "dist-template", "dist-html"
        ],
        "dist-index-inject");
});

在 runSequence 中调用的所有任务都按照您声明它们的顺序运行。上面，当我调用 dist-sequence 任务时，dist-clean 运行，然后并行运行数组中的所有任务，完成后，dist-index-inject 运行。