Question

我正在使用webpack创建一个打字稿插件。一切都运作良好，但我有一个问题，从外面看到它。例如，我有文件：

/* ./src/a.ts */
class A {
    constructor(args) {...}
}
export default A;

/* ./src/app.ts */
import A from "./a.ts";
function init(args) {
   new A(args);
}
export { init };

/* ./index.html */
<html>
<head>...</head>
<body>
...

<!-- webpack bundle ts files into ./dist/app.js -->
<script src="./dist/app.js"></script>
<script>init({...});</script>

</body>
</html>

有了这个，我得到了Uncaught ReferenceError: init is not defined。在捆绑文件中，我可以看到这个函数不是全局函数，而是在其他函数中：

/* 1 */
/***/ function(module, exports) { ... }

如何公开此功能？

Answer 1

从模块导出不会使实体成为全局。您可以直接将其作为成员添加到窗口：

window.init = init;

或者更好的是，将init调用移动到typescript模块 - 在这种情况下应该是你的webpack入口点。

在webpack中创建全局功能

1 个答案: