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

2024年2月24日 96次阅读 来源: Francis

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在编译的情况。

    原文作者：Francis
    原文地址: https://segmentfault.com/a/1190000013923313
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞