2017年2月23日个人博客文章--迁移到segmentfault
在做项目中,不经意间代码会写成这个样子。gulp.task('clean',function(){ gulp.src(['./dist','./rev']) .pipe(clean())});gulp.task("build",["clean"],function(){ runSequence("htmlMove",['imageMin','reCollector','btMove','views'],'over')})
那么这就可能会导致一个问题,因为这个task:clean不是一个正确的异步执行方式,所以他就会出现–显示clean任务已经finished接着他会执行htmMove、imageMin等等一系列任务,但是.pipe(clean())却还在执行,这就造成了边删除目录边执行其他的一系列任务,最终会因为找不到指一些指定目录会报错。
那么什么是正确的异步执行呢?
API文档给出了详细解释,这里不做详细介绍。
其中最重要的一点着重提出:
正确的异步执行方式:使用一个 callback,或者返回一个 promise 或 stream。
如果你想要创建一个序列化的 task 队列,并以特定的顺序执行,你需要做两件事:
给出一个提示,来告知 task 什么时候执行完毕,
并且再给出一个提示,来告知一个 task 依赖另一个 task 的完成。那么针对刚才的gulp流有以下改进:gulp.task('clean',function(){ return gulp.src(['./dist','./rev']) .pipe(clean())});gulp.task("build",["clean"],function(){ runSequence("htmlMove",['imageMin','reCollector','btMove','views'],'over')})
加上return,不加return的话,task和里面的gulp流是异步执行的,所以就会出现先finished在编译的情况。