一饮而尽通知两个任务时手表调用任务完成
问题描述:
我有一个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'}));
});
答
你可以定义你的任务与[]
语法像下面互相依赖调用少任务。 (我假设你正在使用类似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