Глоток задача с Бабелем и browserify + ошибки улавливающие

Question

Мой gulpfile:

var gulp = require('gulp'); 
var babel = require('gulp-babel'); 
var browserify = require('gulp-browserify'); 

gulp.task('precompile', function() { 
    return gulp.src('app/assets/react/app.react.js') 
    .pipe(babel()) 
    .pipe(gulp.dest('app/assets/javascripts/')) 
}); 

gulp.task('browserify', ['precompile'], function() { 
    return gulp.src(['app/assets/javascripts/app.react.js']) 
    .pipe(browserify()) 
    .pipe(gulp.dest('app/assets/javascripts/')); 
}); 

gulp.task('watch', function() { 
    gulp.watch('app/assets/react/app.react.js', ['browserify']); 
}); 

Как я могу улучшить это, если это возможно? Может быть, я могу написать только одну задачу с браунированием + преобразовать (babelify) + console.log на ошибки? В этот момент, если у меня есть ошибка синтаксического анализа - просмотр gulp разбился.

Answer 1

Try сантехник

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

/** 
* Helper function to amend the pipe when a build task fails 
* see https://github.com/hughsk/vinyl-transform/issues/1 
* and: https://github.com/gulpjs/gulp/issues/259 
* @param {string} err the error string 
*/ 
function onError (err) { 
    gutil.beep(); 
    console.log(err); 
    this.emit('end'); 
} 

return gulp.src('app/assets/react/app.react.js') 
    .pipe(plumber({ 
      errorHandler: onError 
     })) 
    .pipe(babel()); 

проглатывать-browserify Также занесен в черный список. Вы можете следовать этому руководству для более гибкой настройки: https://medium.com/@sogko/gulp-browserify-the-gulp-y-way-bb359b3f9623