从外部调用Webpacked代码（HTML脚本标记）

Gil2020-03-23

假设我有这样的类（用TypeScript编写），并将其与webpack捆绑在一起bundle.js。

export class EntryPoint {
    static run() {
        ...
    }
}

在我的index.html中，我将包含该捆绑包，但随后我也想调用该静态方法。

<script src="build/bundle.js"></script>
<script>
    window.onload = function() {
        EntryPoint.run();
    }
</script>

但是，EntryPoint在这种情况下，未定义。那我该如何从另一个脚本中调用捆绑的javascript？

补充：Webpack配置文件。

樱小胖Mandy2020/03/23 09:42:18

在我的情况下，我可以通过在创建脚本时将函数写入窗口来从另一个脚本从捆绑的JavaScript中调用函数。

// In the bundled script:
function foo() {
    var modal = document.createElement('div');
}
// Bind to the window
window.foo = foo;
// Then, in the other script where I want to reference the bundled function I just call it as a normal function
<button onClick="window.foo()">Click Me</button>

我无法使用Babel，因此对我有用。

Newest Answer

HTML5 Drag & Drop 拖动时更改图标/光标

5 Answer

如何完全卸载 Node.js，然后从头重新安装 (Mac OS X)

NUXT引入tailwindcss报错Error: Expected an opening square bracket.

1 Answer