gulp watch顺序执行任务

Question

gulp.watch()执行多个任务，怎样保证顺序执行？

Answer 1

为什么要按顺序。。。

Answer 2

1.Task之间本来如果存在依赖顺序的话，无需保证

例如：

gulp.task('A', function(){
   return .... //注意一定要有return 保证异步任务完成
});

gulp.task('B', ['A'], function(){
   return ....
});

gulp.task('watch', function(){
    gulp.watch('src/**/*', ['B']); 
});

2.如果task之间没有依赖顺序，然后watch的时候又想保证顺序，用run-sequence

https://github.com/OverZealou...

Answer 3

1、下载这个插件：runSequence = require('run-sequence')；
2、`gulp.task('build', function (done) {

     runSequence(
        'miniCss', 'miniJs','miniHtml',done);
        });`
 这里面tasks都是先后序执行的。
 

Answer 4

你把需要顺序执行的任务组合成一个sequence任务，当任何一个任务有变化时就执行一下sequence任务。
你可以看看这个gulp之JS、CSS、HTML、图片压缩以及版本更新，里面有gulp-sequence（顺序执行），你自己再组合你的任务就行了。