一饮而尽通知两个任务时手表调用任务完成

Question

我有一个gulpfile中是手表的任务，下面

gulp.task('watch', function() { 
    gulp.watch('template/slick/assets/less/*.less', ['less']); // Watch all the .less files, then run the less task 
}); 

这则调用少编译到该目录中的CSS并将其移动到/ CSS /夹。

然后我有2个其他任务已经脚本到min，concat并将这些.css文件移动到dist文件夹。

我需要知道的是，当我的手表调用较少的任务完成时，我可以通知/运行stylesmin，cssconcats任务吗？我确实需要添加更多的代码才能做到这一点。我看不到一个体面的通知/结束风格的做事方式。

下面是这是由钟表

gulp.task('less', function() { 
    return gulp.src('game/http/template/slick/assets/less/*.less') 
     .pipe(less()) 
     .pipe(gulp.dest('game/http/template/slick/assets/css/')) 
     .pipe(notify({message: 'Less compiled'})); 
}); 

Answer 1

你可以定义你的任务与[]语法像下面互相依赖调用少任务。 （我假设你正在使用类似connect你开始看文件之前启动服务器）

gulp.task('less', function() { 
    console.log('less'); 
}) 
gulp.task('stylesmin', ['less'], function() { 
    console.log('stylesmin'); 
}) 
gulp.task('cssconcats', ['stylesmin'], function() { 
    console.log('cssconcats'); 
}) 
gulp.task('test', ['connect', 'watch']); 

修改你的手表揭开序幕的最后一个任务，cssconcats并一饮而尽会跑第一

的依赖

gulp.task('watch', function() { 
    gulp.watch('template/slick/assets/less/*.less', ['cssconcats']); // Watch all the .less files, then run the less task 
}); 

更改任何.less文件，输出显示任务按此顺序正确运行;

less, stylesmin, cssconcats