gulp-less解決遇到錯誤停止執行task

來龍去脈

在用less+gulp開發時，有時候代碼還沒寫完整，不小心保存了一下，然後gulp就開始執行gulp-less的task。
但是代碼是有問題的，這時候會輸出一個Potentially unhandled rejection，告訴你哪裏出問題了，然後，
然後就掛了！！pipe就會停止輸入數據，整個task就停止了。
特別是我用Sublime，設置了失去焦點自動保存，很容易出現這個問題。

解決辦法

gulp-plumber插件解決了這個問題。
插件作者的想法 Error management in gulp

使用方法：

先npm下載下來

npm install gulp-plumber --save-dev

在gulpfile.js中，引入gulp-plumber，然後在處理less的task中加上：

var plumber = require('gulp-plumber');

gulp.task('less', function(){
    return gulp.src('./less/*.less')
        .pipe(plumber())  //加上這句
        .pipe(less())
        .pipe(gulp.dest('./css'))
        .pipe(browserSync.stream());
});

參考

• gulp-less 開發使用中的問題 - SegmentFault
• gulp-less插件自動編譯跑着跑着掛了？ - 前端開發 - 知乎