在这样的片段中:
gulp.task "coffee", ->
gulp.src("src/server/**/*.coffee")
.pipe(coffee {bare: true}).on("error",gutil.log)
.pipe(gulp.dest "bin")
gulp.task "clean",->
gulp.src("bin", {read:false})
.pipe clean
force:true
gulp.task 'develop',['clean','coffee'], ->
console.log "run something else"
在开发任务中，我想要干净地运行，在它完成后，运行咖啡，当它完成时，运行其他东西。但是我想不出来。这个零件坏了。请建议。
当前回答
Gulp和Node使用承诺。
所以你可以这样做:
// ... require gulp, del, etc
function cleanTask() {
return del('./dist/');
}
function bundleVendorsTask() {
return gulp.src([...])
.pipe(...)
.pipe(gulp.dest('...'));
}
function bundleAppTask() {
return gulp.src([...])
.pipe(...)
.pipe(gulp.dest('...'));
}
function tarTask() {
return gulp.src([...])
.pipe(...)
.pipe(gulp.dest('...'));
}
gulp.task('deploy', function deployTask() {
// 1. Run the clean task
cleanTask().then(function () {
// 2. Clean is complete. Now run two tasks in parallel
Promise.all([
bundleVendorsTask(),
bundleAppTask()
]).then(function () {
// 3. Two tasks are complete, now run the final task.
tarTask();
});
});
});
如果返回gulp流，则可以使用then()方法添加回调。或者，您可以使用Node的本机Promise创建自己的Promise。在这里，我使用Promise.all()来获得一个回调，当所有promise都解决时触发。
其他回答
我一直在寻找这个答案。现在我在gulp的官方文档里找到了。
如果你想在最后一个任务完成时执行gulp任务，你必须返回一个流:
饮而尽。任务('wiredep'， ['dev-jade']，函数(){ Var stream = gulp.src(路径。输出+ '*.html') .pipe ($ .wiredep ()) .pipe (gulp.dest (paths.output)); 返回流;//当此任务完成时执行下一个任务 })； //首先执行并完成wiredep任务 饮而尽。任务('prod-jade'， ['wiredep']，函数(){ gulp.src(路径。输出+ '**/*.html') .pipe ($ .minifyHtml ()) .pipe (gulp.dest (paths.output)); })；
Gulp和Node使用承诺。
所以你可以这样做:
// ... require gulp, del, etc
function cleanTask() {
return del('./dist/');
}
function bundleVendorsTask() {
return gulp.src([...])
.pipe(...)
.pipe(gulp.dest('...'));
}
function bundleAppTask() {
return gulp.src([...])
.pipe(...)
.pipe(gulp.dest('...'));
}
function tarTask() {
return gulp.src([...])
.pipe(...)
.pipe(gulp.dest('...'));
}
gulp.task('deploy', function deployTask() {
// 1. Run the clean task
cleanTask().then(function () {
// 2. Clean is complete. Now run two tasks in parallel
Promise.all([
bundleVendorsTask(),
bundleAppTask()
]).then(function () {
// 3. Two tasks are complete, now run the final task.
tarTask();
});
});
});
如果返回gulp流，则可以使用then()方法添加回调。或者，您可以使用Node的本机Promise创建自己的Promise。在这里，我使用Promise.all()来获得一个回调，当所有promise都解决时触发。
运行序列是最明确的方法(至少在Gulp 4.0发布之前)
使用run-sequence，你的任务看起来像这样:
var sequence = require('run-sequence');
/* ... */
gulp.task('develop', function (done) {
sequence('clean', 'coffee', done);
});
但如果你(出于某种原因)不喜欢使用它，那就咽下去吧。Start方法将帮助:
gulp.task('develop', ['clean'], function (done) {
gulp.on('task_stop', function (event) {
if (event.task === 'coffee') {
done();
}
});
gulp.start('coffee');
});
注意:如果你只开始任务而不听结果，开发任务会比喝咖啡更早完成，这可能会让人困惑。
您也可以在不需要时删除事件侦听器
gulp.task('develop', ['clean'], function (done) {
function onFinish(event) {
if (event.task === 'coffee') {
gulp.removeListener('task_stop', onFinish);
done();
}
}
gulp.on('task_stop', onFinish);
gulp.start('coffee');
});
考虑还有一个task_err事件，您可能想要监听。 Task_stop在成功完成时被触发，而task_err则在出现一些错误时出现。
您可能还想知道为什么没有gulp.start()的官方文档。来自gulp成员的回答解释了这些事情:
饮而尽。Start是故意没有记录的，因为它会导致复杂的构建文件，我们不希望人们使用它
(来源:https://github.com/gulpjs/gulp/issues/426 # issuecomment - 41208007)
这个问题的唯一好的解决方案可以在gulp文档中找到:
var gulp = require('gulp');
// takes in a callback so the engine knows when it'll be done
gulp.task('one', function(cb) {
// do stuff -- async or otherwise
cb(err); // if err is not null and not undefined, the orchestration will stop, and 'two' will not run
});
// identifies a dependent task must be complete before this one begins
gulp.task('two', ['one'], function() {
// task 'one' is done now
});
gulp.task('default', ['one', 'two']);
// alternatively: gulp.task('default', ['two']);
The very simple and efficient solution that I found out to perform tasks one after the other(when one task gets completed then second task will be initiated) (providing just an example) is : gulp.task('watch', () => gulp.watch(['src/**/*.css', 'src/**/*.pcss'], gulp.series('build',['copy'])) ); This means when you need to run the first-task before second-task, you need to write the second task(copy in this case) in square brackets. NOTE There should be round parenthesis externally for the tasks(until you want them to occur simultaneously)
