typescript - Webpack：用于非模块代码的全局变量

Question

我正在尝试将 Typescript UMD 模块（当 require() 不存在时不会回退到全局变量）与不属于任何模块模式的遗留代码一起使用。

我希望 Webpack 有一个加载器或插件，可以为特定模块创建全局变量（而不是将它们作为模块加载）。

例如，我在 Node 包中有 Typescript UMD 模块：

node_modules/my-new-module

哪个导出函数

myNewFunction(){ }

我想在我的遗留代码中使用它：

myNewModule.myNewFunction(); //myNewModule is a global variable

目前我最好的解决方案是加载我所有的共享模块并手动将它们分配给全局变量。当然这并不理想。

Webpack 可以做到这一点吗？还有其他解决方案吗？

谢谢

score 1 · Accepted Answer

使用 Webpack，您可以将模块公开为库（将生成全局变量）：

如果已设置 library 而未设置 libraryTarget，则 libraryTarget 默认为 var，如输出配置文档中指定的那样。有关所有可用选项的详细列表，请参阅此处的 output.libraryTarget。

1 回答 1