如何在编译后扩展webpack bundle中的函数？

Question

如何在编译后扩展webpack bundle中的函数？ 有人知道吗？

Answer 1

从你的简短问题。我相信你正在尝试访问/扩展或简单地在其外部使用捆绑的javascript文件中的函数。有不同的方法可以做到这一点。

方法1

如果您想在其外部使用多个此类功能，则必须使用以下方法导出该功能：

module.exports = {
      yourfunctionName
}

然后您必须配置您的webpack以将其视为库。这就是大多数图书馆的工作方式。现在访问捆绑文件外的函数。只需使用您的库名称（在webpack中配置），例如，假设我的库名是myLibrary，那么代码将是：

myLibrary.yourFunctionName

方法2

如果您不需要导出许多功能，或者您正在寻找一个快速简单的答案，那么您可以将您的功能添加到窗口对象，这使它在任何地方都可用。

在您的主文件（将要捆绑）中 filename.bundle.js

window.functionName = yourFunction;

您想要在捆绑包

之外访问该功能的任何地方

window.functionName();

不建议将这些函数放在window对象中，但是如果你正在寻找快速简单的修复，那么方法2对你有好处。