Handling LESS errors in Gulpfile

handling-gulp-LESS-errors.js

// Less tasks used to look like this:

gulp.task('screen-less', function() {
  return gulp.src('css/screen.less')
            .pipe(plumber())
            .pipe(less())
            .pipe(gulp.dest('./css/'))
            .pipe(livereload());
});

// We need to add a function to `plumber()` that will gracefully handle errors without exiting the parent `watch` task.
// This is what the function would look like:

function plumberConfig(error) {
    console.log(error);
    this.emit('end');
    this.destroy();
}

// And used:

gulp.task('screen-less', function() {
  return gulp.src('css/screen.less')
            .pipe(plumber(plumberConfig))
            .pipe(less())
            .pipe(gulp.dest('./css/'))
            .pipe(livereload());
});

// Or inlined:

gulp.task('screen-less', function() {
  return gulp.src('css/screen.less')
            .pipe(plumber(function (error) {
              console.log(error);
              this.emit('end');
              this.destroy();
            }))
            .pipe(less())
            .pipe(gulp.dest('./css/'))
            .pipe(livereload());
});