在这样的片段中:
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.task('default',
gulp.series('set_env', gulp.parallel('build_scss', 'minify_js', 'minify_ts', 'minify_html', 'browser_sync_func', 'watch'),
function () {
}));
荣誉:https://fettblog.eu/gulp-4-parallel-and-series/
其他回答
等着看任务是否完成，然后剩下的，我是这样做的:
gulp.task('default',
gulp.series('set_env', gulp.parallel('build_scss', 'minify_js', 'minify_ts', 'minify_html', 'browser_sync_func', 'watch'),
function () {
}));
荣誉:https://fettblog.eu/gulp-4-parallel-and-series/
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-webapp Yeoman生成器生成了一个node/gulp应用程序。它是这样处理“干净的难题”的(翻译成问题中提到的原始任务):
gulp.task('develop', ['clean'], function () {
gulp.start('coffee');
});
尝试了所有提出的解决方案，似乎都有自己的问题。
如果您实际查看Orchestrator源代码，特别是.start()实现，您将看到如果最后一个参数是一个函数，它将把它视为一个回调。
我为自己的任务写了这个片段:
gulp.task( 'task1', () => console.log(a) )
gulp.task( 'task2', () => console.log(a) )
gulp.task( 'task3', () => console.log(a) )
gulp.task( 'task4', () => console.log(a) )
gulp.task( 'task5', () => console.log(a) )
function runSequential( tasks ) {
if( !tasks || tasks.length <= 0 ) return;
const task = tasks[0];
gulp.start( task, () => {
console.log( `${task} finished` );
runSequential( tasks.slice(1) );
} );
}
gulp.task( "run-all", () => runSequential([ "task1", "task2", "task3", "task4", "task5" ));
我一直在寻找这个答案。现在我在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)); })；
