Sassのエラー時にgulpのタスクを終了させない

現状と課題

• gulpを使ってsassをコンパイルしてる
• gulp.watch で監視してる
• sassの構文エラーがあるとgulpのタスクが終わる
• cssが更新されない事に気づかない

→ sassでエラーがあってもコンパイルを続けたい！

解決策

gulp-plumberを使う。

インストール

npm install --save-dev gulp-plumber

gulpfile.jsを修正

'use strict'
var gulp = require('gulp');
var sass = require('gulp-sass');
var cssnext = require('gulp-cssnext');
var plumber = require('gulp-plumber');　 // < gulp-plumberを使います

var paths = {
  'scss': './src/sass/',
  'css': './../public_html/css/'
}

gulp.task('sass', function() {
  return gulp.src(paths.scss + '/*.scss')
    .pipe(plumber()) // < ここに追加！！
    .pipe(sass())
    .on('error', function(err) {
      console.log(err.message);
    })
    .pipe(cssnext())
    .pipe(gulp.dest(paths.css))
});

gulp.task('sass:watch', function() {
  gulp.watch('./src/sass/*.scss', ['sass']);
});

まとめ

楽になった。