码迷,mamicode.com
首页 > 其他好文 > 详细

gulp顺序执行任务

时间:2015-08-31 11:54:23      阅读:228      评论:0      收藏:0      [点我收藏+]

标签:gulp

gulp顺序执行任务

在gulp中定义多个任务,可能一个任务要依赖其他某个任务完全结束后才能开始进行,比如,我们先定义两个任务,一个coffee任务,一个clean任务,coffee用于编译coffee代码到js代码,clean用于清理已经编译的代码,在编译之前先clean一下:

gulp.task(‘coffee‘, function() {
    gulp.src(‘server/coffee/*.coffee‘)
        .pipe(coffee())
        .pipe(gulp.dest(‘server/js‘));
});
gulp.task(‘clean‘, function() {
    gulp.src([‘server/js/*.js‘])
        .pipe(clean());
});

在官方的文档中找到如下方式,在coffee任务中添加一个参数,标记该任务所依赖的其他任务,依赖的任务先于该任务执行:

gulp.task(‘coffee‘,[‘clean‘], function() {
    gulp.src(‘server/coffee/*.coffee‘)
        .pipe(coffee())
        .pipe(gulp.dest(‘server/js‘));
});

即,在coffee任务中添加一个任务依赖数组,数组里的任务clean要先执行,再执行任务coffee.
但是在实际操作中发现,如果文件特别多,还是会报错:

events.js:85
      throw er; // Unhandled ‘error‘ event
            ^
Error: ENOENT, stat ‘/home/coolcao/mycode/node/NutWeb/server/dao/blogDao.js‘
  at Error (native)

这令我不解,网上各种搜,都说这样做没问题,但我这里确实不行。
又不停的问了一下谷老师,最终找到问题了:
对’clean’定义的function而言,虽然函数本身已经执行完毕了,但是文件删除操作可能仍在进行 — gulp任务中的操作大多数都是数据流(Stream)的操作,其操作进度与函数执行无关。
如果需要在文件彻底清理后才开始执行’less’任务,则需要在’clean’任务中进行特殊编码:令其返回最终的数据流(Stream)对象:

gulp.task(‘clean‘, function() {
    return gulp.src([‘server/js/*.js‘])
            .pipe(clean());
});

对于数据流而言,代码语句的执行结束仅仅意味着数据操作的开始,唯一能确定数据操作结束的是最后一个数据流所触发的end事件;因此,只有想办法监听到这个end事件,才有可能实现真正意义上的任务依赖。而在任务定义的函数中返回最后一个数据流,是一个相对来说使用起来最方便的方案。

版权声明:本文为博主原创文章,未经博主允许不得转载。

gulp顺序执行任务

标签:gulp

原文地址:http://blog.csdn.net/coolcaosj/article/details/48130951

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!