Webpack:用于非模块代码的全局变量

Question

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

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

例如，我在节点包中有打字稿 UMD 模块：

node_modules/my-new-module

哪个导出函数

myNewFunction(){ }

我想在我的旧代码中使用它作为：

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

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

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

谢谢

Answer 1

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

如果设置了库而库目标未设置，则库目标默认为 输出配置文档中指定的 var。看 output.library目标那里的所有可用的详细列表 选项。

看看这里： https://webpack.js.org/guides/author-libraries/#add-librarytarget