Question

我有这个项目结构：

myApp
├── gulpfile.js
├── package.json
└── source
    └── scripts
        ├── modules
        │   └── utils.js
        ├── background.js
        └── data.json

我的browserify任务：

gulp.task('browserify', function () {
  return gulp.src(['./source/scripts/**/*.js'])
   .pipe($.browserify({
      debug: true,//for source maps
      standalone: pkg['export-symbol']
   }))
   .on('error', function(err){
      console.log(err.message);
      this.emit('end');
    })
   .pipe(gulp.dest('./build/scripts/'));
});

我的样本utils.js：

const data = require('../data.json');

const utils = (function () {
  const output = function () {
    console.log(data);
  };

  return {
    output: output,
  };
}());

module.exports = utils;

如果我尝试使用当前目录结构构建它，我会收到此错误：

module＆＃34; ../ data.json＆＃34;找不到＆＃34; /dev/myApp/source/scripts/fake_4d8cf8a4.js"

如果我将data.json放在modules目录中的scripts目录 AND 内，即可以构建它，即。它只有在我复制文件时才有效：

myApp
├── gulpfile.js
├── package.json
└── source
    └── scripts
        ├── modules
        │   ├── utils.js
        │   └── data.json
        ├── background.js
        └── data.json

显然这不行......我做错了什么？

谢谢

Answer 1

我推断您使用gulp.src将文件传递给$.browerify您使用的是Gulp插件，可能是gulp-browserify。通常不推荐使用插件从Gulp调用Browserify。建议的方法是直接调用Browserify。事实上，Gulp的blacklist of plugins州：

"gulp-browserify": "use the browserify module directly",

我已经复制了你的目录结构并为你没有提供内容的文件（data.json，background.js）添加了一些合理的值，事实上，我得到了同样的错误。尝试运行您显示的Gulp代码。但是，如果我切换到直接调用Browserify，我不会收到任何错误。这是我的代码：

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

gulp.task('browserify', function () {
  return browserify({
    entries: ["./source/scripts/background.js",
              "./source/scripts/modules/utils.js"],
    debug: true,//for source maps
    standalone: "foo",
  })
  .bundle()
  .pipe(source('bundle.js')) // This sets the name of the output file.
  .pipe(gulp.dest('./build/scripts/'));
});

您在代码中使用gulp.src(['./source/scripts/**/*.js'])，这意味着Browserify会将所有.js个文件作为条目包含在捆绑包中。所以我在上面的代码中放了两个条目，它们手动复制你使用插件的模式。但，虽然Browserify不会在此设置中产生错误，我怀疑您实际想要有多个条目。通常，我们将一个入口点传递给Browserify，让它跟踪require次调用，以确定需要提取的内容。

无法从已经＆＃34;必需＆＃34;内部要求（）模

1 个答案: