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

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文档给出了详细解释,这里不做详细介绍。http://www.gulpjs.com.cn/docs...

其中最重要的一点着重提出:

正确的异步执行方式:使用一个 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在编译的情况。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值