Javascript 用babel和browserify完成吞咽任务+;捕捉错误

Javascript 用babel和browserify完成吞咽任务+;捕捉错误,javascript,gulp,browserify,babeljs,Javascript,Gulp,Browserify,Babeljs,我的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('

我的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']);
});
如果可能的话,我如何改进?可能是我只能写一个带有browserify+transform(babelify)+console.log的任务,登录错误? 此时,如果我有解析错误-大口大口观看崩溃。

试试水管工

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());

此外,gulp browserify也被列入黑名单。您可以按照本教程进行更大的设置:

我尝试使用“gulp y way”,但这个问题阻止了我:您是否有乙烯基transfrom和browserify一起工作的工作示例?对,似乎它们在9.0.6中再次破坏了东西。如果您将浏览器设置为8.x甚至可能是9.0.4,您可能会没事。我的设置与该问题上的一些评论相同,因此它肯定容易受到返回未定义行为的
b.bundle()
的攻击。在9.0.4中,我出现了错误“结束后写入”,这是我没有babel的简单gulpfile-有任何评论吗?)你能显示你的gulpfile吗?@MaxP我的browserify部分看起来与你的完全一样。我在10万条JS生产线上毫无问题地运行它。我的browserify版本是
“browserify”:“8.0.2”
。也许你会有更好的运气。。版本控制不是节点社区最好的部分。顺便说一句,gulp browserify插件在黑名单中