2017年2月23日我的博客文章--迁移到segmentfault
在作项目中,不经意间代码会写成这个样子。html
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())却还在执行,这就形成了边删除目录边执行其余的一系列任务,最终会由于找不到指一些指定目录会报错。gulp
那么什么是正确的异步执行呢?segmentfault
API文档给出了详细解释,这里不作详细介绍。http://www.gulpjs.com.cn/docs...api
其中最重要的一点着重提出:promise
正确的异步执行方式:使用一个 callback,或者返回一个 promise 或 stream。异步
若是你想要建立一个序列化的 task 队列,并以特定的顺序执行,你须要作两件事:ui
给出一个提示,来告知 task 何时执行完毕,
而且再给出一个提示,来告知一个 task 依赖另外一个 task 的完成。
那么针对刚才的gulp流有如下改进:code
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在编译的状况。htm