讓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