让gulp watch出错时不退出

栏目: 编程工具 · 发布时间: 6年前

内容简介:让gulp watch出错时不退出

gulp是我编译sass与js的不二利器(比webpack好用),但这几天突然发现,gulp watch时,通常莫名其妙的退出,然后实时编译就断了,然后你还在奇怪为什么改了样式没反应。

gulp实现编译sass时,容易频繁出错,比如你写了个ma没按tab就手贱按了保存,sass一编译,不认识ma,就报错了,如果此时导致watch被退出,那后续编译就中断了。报错导致退出,很正常,但如果报错很频繁又每次都导致退出,那人都要疯了。

于是我只有找一下如何让gulp的watch任务在出错时不自动退出。

很简单,我直接说结论

在gulp的task里,加入onerror监听,在监听函数中,处理错误并触发end。代码如下:

function swallowError(error) {
     // If you want details of the error in the console
   console.error(error.toString())
 
   this.emit('end')
 }
 gulp.task('sass', function(){
     return gulp.src('./source/sass/*.scss')
         .pipe(sass())
         .on('error', swallowError)
         .pipe(gulp.dest('./css'));
     });
 gulp.task('default', function(){
     gulp.watch('./source/sass/*.scss',['sass']);
     gulp.watch('./source/js/*.js',['js']);
 });

注意,on(‘error’) 并不是加在watch任务的后面 ,而是加在watch到变化时要执行的任务的里面。

这样处理一下后,就能看到错误,而watch又不会退出,再次修改文件后,编译就又自动继续了:

让gulp watch出错时不退出


以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

The Shallows

The Shallows

Nicholas Carr / W. W. Norton & Company / 2011-6-6 / USD 15.95

"Is Google making us stupid?" When Nicholas Carr posed that question, in a celebrated Atlantic Monthly cover story, he tapped into a well of anxiety about how the Internet is changing us. He also crys......一起来看看 《The Shallows》 这本书的介绍吧!

html转js在线工具
html转js在线工具

html转js在线工具

RGB HSV 转换
RGB HSV 转换

RGB HSV 互转工具

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具