我有一个快速服务器,根据路由将把手文件编译成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;
有没有更好的方法让外部世界可以访问这些功能?我现在很乐意将所有内容放在全球范围内,直到我可以将这个应用程序模块化为止。