如何在html中访问webpack创建的js函数

Question

我有一个快速服务器，根据路由将把手文件编译成html，我使用webpack将javascript文件编译成用户导航到的每页一个js文件。

我正在尝试访问我在我的html文件中定义的javascript文件中的全局函数来注册onclick事件，我似乎无法让它工作。页面加载正常

以下是来自把手文件的结果HTML：

<button onclick="OnButton_Open()">

这是webpack编译的javascript中的函数：

OnButton_Open = function  () {
    here's my function
}

如果我离开上面的功能，页面会加载，但是当我点击时，我收到一个找不到OnButon_Open的错误。

window.OnButton_Open = function  () {
    here's my function with the global prefix
}

如果我在函数前加window.这就是我认为在这种情况下我必须做的事情，我实际上会得到一个引用错误，因为页面加载OnButon_Open未定义。这就是我得到错误时产生的webpack代码的样子：

/* harmony export (immutable) */ __webpack_exports__["OnButton_Open"] = OnButton_Open;

有没有更好的方法让外部世界可以访问这些功能？我现在很乐意将所有内容放在全球范围内，直到我可以将这个应用程序模块化为止。