我正在尝试使用 JavaScript 将 ActionScript 与 JavaScript 连接起来ExternalInterface
和网络包。
ExternalInterface
只能挑起(call
)在全局对象(window
)。我如何获得 webpack 模块参考window
(全局对象)?
请允许我详细说明一下,我想为公司建立一个命名空间(window.companyName
)有一个接口ExternalInterface
:
window.companyName = { isReady: function() { ... },
driver1: function() { ... },
driver2: function() { ... } }
ActionScript 将驱动我的 JavaScript。更基本的问题是,如何使用 webpack 设置全局变量,以便ExternalInterface
可以看到它们(最好作为模块的导出)?
我尝试过使用expose-loader
, exports-loader
imports-loader
没有运气。expose-loader
理想情况下是我所需要的,但似乎不起作用。当我在模块中设置 window.companyName 并尝试在 chrome 控制台中验证它时,结果是undefined
.
你不是在使用吗webpack-dev-server
?
因为当我尝试时webpack
命令一切正常。我正在通过输入来测试它window.mySampleGlobalVariable
在 Chrome 开发者工具中。
BUT当我跑步时webpack-dev-server
命令,然后我的窗口变量未定义。
我有这个示例应用程序:
app.js
window.mySampleGlobalVariable = 'TEST';
console.log('App is ready');
索引.html
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Webpack test</title>
</head>
<body>
Webpack test
<script src="bundle.js"></script>
</body>
</html>
webpack.config.js
var path = require('path');
module.exports = {
entry: './app.js',
output: {
filename: './bundle.js'
},
resolve: {
extensions: ['', '.js']
}
};
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)