GULP自动化项目构建之–正确的异步执行方式(RETURN)

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

相关文章
相关标签/搜索