讓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又不會退出，再次修改文件后，編譯就又自動繼續了：

 

原文：http://t.cn/RiHSozV