gulp-plumberを使ってもSassのエラーでGulpが止まってしまう場合の対処方法

2022年12月16日GULP

gulp-plumberを使ってもSassのエラーでGulpが止まってしまう場合の対処方法を紹介します。

gulp-plumberを使ってもSassのエラーでGulpが止まってしまう場合の対処方法

const sass = require('gulp-sass')(require('sass'));
const plumber = require('gulp-plumber');
function sassTask() {
  return (
    gulp
      .src(filesPath.sass)
      .pipe(plumber()) // errorによる監視のストップ防止
      .pipe(sass()) //compile
      .pipe(dest(`${settings.assetsDest}`))
  );
}

gulp-sassを使っている場合でどうしてもgulp-plumberを使ってもエラーでgulpの処理が止まっってしまうことがあります。
上記のような記述の場合、以下のようにsass()を実行したあとに.on()メソッドでエラーをハンドリングすることができます。

const sass = require('gulp-sass')(require('sass'));
const plumber = require('gulp-plumber');
function sassTask() {
  return (
    gulp
      .src(filesPath.sass)
      .pipe(sourcemaps.init()) //sourcemaps starts
      .pipe(plumber()) // errorによる監視のストップ防止
      .pipe(sass().on('error', sass.logError)) //compile
      .pipe(dest(`${settings.assetsDest}`))
  );
}

これでsassでエラーを出してもGULPの処理が止まってまた実行し直さないといけないという状況を解決できる場合があるので、試してみてください。