让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出错时不退出


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

查看所有标签

猜你喜欢:

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

领域驱动设计

领域驱动设计

[美] Eric Evans / 赵俐、盛海艳、刘霞 / 人民邮电出版社 / 2016-6-1 / 69

本书是领域驱动设计方面的经典之作,修订版更是对之前出版的中文版进行了全面的修订和完善。 全书围绕着设计和开发实践,结合若干真实的项目案例,向读者阐述如何在真实的软件开发中应用领域驱动设计。书中给出了领域驱动设计的系统化方法,并将人们普遍接受的一些实践综合到一起,融入了作者的见解和经验,展现了一些可扩展的设计新实践、已验证过的技术以及便于应对复杂领域的软件项目开发的基本原则。一起来看看 《领域驱动设计》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

图片转BASE64编码
图片转BASE64编码

在线图片转Base64编码工具

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

RGB CMYK 互转工具