promise - 使用 Gulp 4 和 Promises 清理/复制文件

Question

我是 Promises 的新手，但我想使用它们按顺序触发 clean(删除文件)然后 make(将文件从源复制到构建)。

gulp.task('make-app', function makeApp(done) {
    function make() {
        return gulp.src(getPatterns('src-app'))
            .pipe(gulp.dest('./build/app/'));
    }

    return (args.noclean && !args.deploy)
        ? make()
        : del(getPatterns('dest-app')
            .then(make);
            // .then(done);
});

一些注意事项:

getPatterns() 是一个函数，它只是从我的配置中返回一个 glob 模式。src-app glob 是:[ './source/app/**/*' ]。 (args.noclean && !args.deploy) 评估为 false，这将启动 del 模块(它是 v2，因此它返回一个 promise )。由于我对 Promises 的有限理解，我们将它 .then() 到 make() 函数，我很乐意返回一个 Promise 并链接一个 .then(done)，但这就是我迷路的地方。目前，我只是返回一个 stream，这导致并非所有文件都被复制。

更新

我又进行了大约 70 次随机刺击(获得经验的绝对、最悲惨的方式!)并想出了这个:

return del(getPatterns('dest-app'))
    .then(function() {
        return gulp.src(getPatterns('src-app'))
            .pipe(gulp.dest(dest + app));
    });

构建过程完成后，文件总是先被删除，但 Gulp 只从流中复制前 16 个文件/文件夹。

更新 2 - 下面的代码看起来好像可以工作，但 Gulp 报告它没有完成(因此没有返回 Stream、Promise 或 Callback)。

var make = new Promise(function(resolve, reject) {});        
var clean = del(getPatterns('dest-app'))
    .then(function() {
        var makeStream = gulp.src(getPatterns('src-app'))
            .pipe(gulp.dest(dest + app));
        makeStream.on('end', function() {
            make.resolve();
        });
    });

return Promise.all([clean, make]);

Answer 1

不，您的更新 2 看起来不应该正常工作。 make 是 promise 并且没有您可以调用的 resolve 方法，相反您需要调用提供给构造函数的 resolve 函数打回来。在您的版本中，make(以及返回的 Promise.all)永远不会解析。

它应该是这样的:

function make() {
    return new Promise(function(resolve, reject) {
        gulp.src(getPatterns('src-app'))
        .pipe(gulp.dest('./build/app/'))
        .on("end", resolve)
        .on("error", reject);
    });
}

return (args.noclean && !args.deploy)
    ? make()
    : del(getPatterns('dest-app')).then(make);