node.js - 运行 Gulp 任务时插件“gulp-browserify”中出现 Js 语法错误

Question

我正在运行一个基于 Express、Jade 和 Less 的 Node App 项目。我正在使用“ Gulp ”（流式构建系统）以及“browserify”和“gulp-browserify”。但是当我运行 Gulp Task 时，它的抛出错误显示如下

[gulp] SyntaxError in plugin 'gulp-browserify': <my_project_path>/assets/javascripts/fake_a3100e75.js 

该文件fake_a3100e75.js似乎不存在于目录中。

有没有人遇到过同样的问题？任何解决方案高度赞赏？

Answer 1

gulp-browserify 不是推荐的插件。它实际上被列入黑名单。这是因为 Browserify 处理自己的 I/O 操作并自己返回一个流，所以不需要gulp.src(). 而是直接使用 Browserify 或 Watchify 以及vinyl-source-stream 将其流式传输到其他插件中。这里的文档中有一个食谱。

还有一个处理错误的好方法。

这是我现在正在处理的任务的样子。

您的错误指向一个假文件名，因为这就是 gulp-browserify 在乙烯基流中命名文件的原因。使用上面的方法，您可以使用vinyl-source-stream 自己命名文件，这是在browserify 上设置错误处理程序之后，因此您应该得到正确的browserify 错误。