我是 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]);
最佳答案
不,您的更新 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);
关于promise - 使用 Gulp 4 和 Promises 清理/复制文件,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33181234/