浏览器本身就是浏览器的库 : relative paths error

Question

我想使用一个使用 browserify 构建的库。该库正确构建并且在单独使用时工作正常。

现在，已建 库在我的 vendor/目录中，我尝试在我的新应用程序中使用它:

var myLib = require('./vendors/myLib');

当我尝试浏览我的应用程序时，它提示找不到一些内部 require该库中的语句:

Error: Cannot find module '../utils/logger' from '/myApp/vendor'

Browserify 似乎试图从错误的目录中重新构建 lib。我怎样才能解决这个问题？

更多细节:

库看起来像这样:

myLib
 │  app.js
 │
 ├──models
 │    model.js
 │
 ├──utils
      logger.js

应用程序 requires型号和型号 requires记录器使用 require('../utils/logger') .

然后将其构建到 myLib.js ( browserify app.js --standalone myLib > myLib.js ) 中。

到目前为止，很好，myLib 工作正常。

在我的新应用程序中，我将 myLib.js 放在/vendor 目录中， require它列在顶部，并得到 Browserify 找不到“../utils/logger”的错误。

在这种情况下，我确实控制了 myLib，因此可以在绝对必要时更改它，但这是公司的另一个项目，如有必要，我宁愿不要。但是，我看到 at least one other question在 SO 上，有人显然在使用凉亭安装的第三方库时遇到了同样的问题。

Answer 1

这似乎是 pretty borked .

这里有几个选项:

运行 derequire在 myLib食用前。

尝试像这样浏览您的应用程序:

browserify({
  entries: ['./entry'],
  noParse: ['/abs/path/to/vendors/myLib.js'],
})

如果它不起作用，请尝试不使用 noParse 中的扩展名值(value)。

缩小 myLib在食用它之前。