让gulp watch出错时不退出

内容简介：让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又不会退出，再次修改文件后，编译就又自动继续了：

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

查看所有标签

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