发表新帖
发表新帖

How do I access the global object (window) using webpack?

后端 未结
关注
3 1372
说谎
说谎 2021-02-12 14:34

I\'m trying to interface ActionScript with JavaScript using ExternalInterface and webpack.

ExternalInterface can only provoked (call

相关标签:
3条回答
  • 挽巷
    2021-02-12 15:02

    Aren't you using webpack-dev-server?

    Because when I try webpack command everything is working fine. I'm testing it by typing window.mySampleGlobalVariable in chrome developer tools.

    BUT when I run webpack-dev-server command then my window variable is undefined.

    I have this sample app:

    app.js 

    window.mySampleGlobalVariable = 'TEST';
console.log('App is ready');

    index.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']
    }
};
    0 讨论(0)
  • 失恋的感觉
    2021-02-12 15:07

    If you running webpack-dev-server with the iframe you cannot access the variable via the Chrome console.

    0 讨论(0)
  • 后悔当初
    2021-02-12 15:25

    You do have access to window object from your webpacked script. Webpack does not interfere with it since the wrapper function only injects module, exports and __webpack_require__ arguments.

    Try it writing a script with a single line accessing window object and then check out the output script.

    Your assignment should work, unless the execution never reaches it or some loader is altering the relevant code.

    0 讨论(0)
 看不清?
提交回复
热议问题