捕获Browserify解析错误（独立选项）

Question

我正在使用gulp +
browserify来构建和打包我的JavaScript库。现在有一件事困扰着我：我正在运行一个带有livereload的简单服务器，以通过gulp进行开发。这可以正常工作，但是每当我的JavaScript包含语法错误时，browserify都会引发错误，导致服务器停止。

我使用的browserify代码（请注意，我已经添加了一个错误处理程序）：

browserify("./src/main.js")
   .bundle({standalone: "SomeName", debug: false}).on('error', notify.onError({
            message: "Error: <%= error.message %>",
            title: "Failed running browserify"
    })
);

现在出现了有趣的部分：当我删除独立设置（并且我的js在语法上不正确）时，错误处理程序将触发。但是，当我使用此独立设置时，错误处理程序不会触发（导致通过gulp停止启动的服务器）

有人知道该如何处理吗？我总是可以在gulp中手动验证我的js文件，但想避免这种解决方法

Answer 1

该on('error')事件仍被触发。但是，bro​​wserify流与其他Gulp流有点不同。在browserify的错误处理函数中，您需要显式调用this.emit("end")

gulp任务示例

var browserify = require('browserify');
var gulp = require('gulp');
var source = require("vinyl-source-stream");
var reactify = require('reactify');

gulp.task('browserify', function(){
  // create new bundle
  var b = browserify();
  // add transform if you want
  b.transform(reactify);
  // add file to browserify
  b.add("./src/main.js");
  // start bundling
  return b.bundle()
    .on('error', function(err){
      // print the error (can replace with gulp-util)
      console.log(err.message);
      // end this stream
      this.emit('end');
    })
    .pipe(source('main.js'))
    // pipe other plugin here if you want
    .pipe(gulp.dest('./dist'));
});

错误函数处理程序可防止gulp崩溃，this.emit("end")停止当前流，而不是让其运行到下一个管道。事件处理程序还可以捕获转换插件中的错误。

有关更多信息，您可以在这里阅读http://truongtx.me/2014/07/15/handle-errors-while-using-gulp-
watch/