crash on error

gulp-babel make gulp crash when their is an error on source

my source:

var i = 5:

error:

[15:50:28] Starting 'babel'...
[15:50:28] Finished 'babel' after 111 ms

events.js:125
      throw er; // Unhandled 'error' event
            ^
SyntaxError: C:/wamp/www/src/js/test.js: Unexpected token (1:9)
> 1  | ←[36mvar←[39m ←[37ma←[39m ←[1m←[37m=←[39m←[22m ←[35m5←[39m←[1m←[37m:←[39m←[22m

[darkbaby123]

I found there’s no need to modify the plugin. Just add this.emit('end') on error handler and it works.

Below is my whole task:

gulp.task('babel', ['babelPolyfill'], function(done) {
  gulp.src(paths.js)
    .pipe(sourcemaps.init())
    .pipe(babel())
    .on('error', function(e) {
      console.log('>>> ERROR', e);
      // emit here
      this.emit('end');
    })
    .pipe(concat('all.js'))
    .pipe(sourcemaps.write('.'))
    .pipe(gulp.dest('./www/app/'))
    .on('end', done);
});

[octref]

The method originally posted by @sindresorhus doesn’t work if you are watching for recompilation. After a compilation error the watch will not keep recompiling even if you fixed your code.

gulp-plumber solves the problem for me:

gulp.task('babel', () => {
  return gulp.src('src/**/*.js')
    .pipe(plumber())
    .pipe(babel({
      presets: ['es2015']
    }))
    .on('error', (err) => {
      gutil.log(gutil.colors.red('[Compilation Error]'));
      gutil.log(gutil.colors.red(err.message));
    })
    .pipe(gulp.dest('dist'));
});