browserify-shim 在 var 范围内不导出隐式全局变量

Question

根据browserify-shim 文档，您可以通过在package.json 中使用以下语法来指定browserify-shim 需要从旧模块中公开哪些全局变量：

{
    "browserify-shim": {
        "legacyModule": "myVar"
    }
}

我希望通过require('legacyModule') 和window.myVar 访问旧模块。

根据我的经验，如果我尝试填充的非commonjs 模块使用window.myVar = x 或仅使用myVar = x，则该模块将在全球范围内公开，并且可以通过require() 按预期使用。

然而，当旧模块使用var myVar = x 时，这就是导致问题的原因，因为该模块只能通过require('legacyModule') 访问，而不能通过window.myVar 访问。

browserify-shim documentation 声明：

此外，它还处理以下现实世界的边缘情况：

• 仅在脚本级别声明var foo = ... 并假定它附加到window 对象的模块。因为它们唯一的运行方式是在全局环境中运行——“咳咳，……不？！”

Answer 1

正如@EvanDull 所建议的那样，我相信 browserify-shim 可能实际上并未设计为以这种方式工作，并且文档对此缺乏明确性。在我所做的调试中，browserify-shim 似乎没有被设计为在“处理”var foo = ... 时设置一个全局变量。在文档说它处理的地方，我相信这意味着它处理它尚未在全局对象上设置，并且它仍会为 CommonJS 导出该变量的值，例如var foo = ...; module.exports = foo;，所以它可以是require()'d。而您希望它这样做 var foo = ...; window.foo = module.exports = foo; 当然因为它不这样做并且 browserify 将遗留代码包装在一个函数中，var foo 只创建一个局部变量。

您现在可以使用多种可能的解决方法：

• 如果您不介意编辑旧版脚本，您可以删除 var，这样就可以解决问题。

• 您可以通过单独的 <script> 标签提取旧脚本，而不是捆绑它们。

• 您可以使用 browserify 转换在旧脚本的末尾添加额外的分配 global.myVar = myVar。这将需要为您需要的每个特定脚本定制转换。

• 您可以将捆绑包中的第一个文件设为执行以下操作的脚本：

  [['legacyModule, 'myVar'], ...].forEach(function (mod) {
    window[mod[1]] = require(mod[0]);
  });