Gulp with browserify：找不到启动模块

Question

我几乎有与Gulp中用browserify描述的完全相同的问题：找不到模块src / js / main.js ：我有一个JavaScript项目，可以从命令行使用browserify来构建，但不能在gulp中构建。 但是，该问题的解决方案对我不起作用。

在命令行中：

browserify -t reactify ./js/inspector > static/js/inspector.js

完美地工作。 当我运行以下gulp任务时：

gulp.task('browserify', function() {
  return browserify({
        transform: ['reactify'],
        entries: ['./js/inspector.js']
    })
    .bundle()
    .pipe(source('inspector.js'))
    .pipe(gulp.dest('./static/js/'));
});

并运行它，我在控制台中收到以下错误：

Error: Cannot find module '../../inspector'

并且生成的文件与CLI文件的长度相同，但模块的顺序不同。 这让我感到困惑。

我的全局和本地模块中具有相同版本的browserify，但我没有在任何地方有意识地对其进行配置。

与本·戴维斯（Ben Davis）提出另一个问题不同，在路径的开头添加./不会改变任何内容。

我不明白为什么在通过gulp运行时browserify会给出不同的，破碎的输出。

更新：项目的目录结构：

gulpfile.js
node_modules/
js/                  (also contains subdirectories with JS code)
    inspector.js
static/
    js/
        inspector.js (built)

更新：当我通过Grunt运行Browserify时，我也得到了一个不同的文件，但是它可以工作。

Answer 1

您可以尝试将返回函数包装在IIFC中。

//======================================
// Task: browserify
//======================================
gulp.task('browserify', function() {
  return (function() {
    browserify(config.src)
      .bundle()
      .pipe(source(config.name))
      .pipe(gulp.dest(config.dest));
  })();
});

我在当前项目中成功使用了以上内容。

Answer 2

我还有其他需要根模块的模块，例如：

var inspector = require('../../inspector');

这是导致问题的原因（以某种方式）。 放入根本不需要的根模块，使得gulp + browserify可以正常工作。

我将看看是否可以为gulp / browserify维护者创建一个最小的复制项目。