javascript - Webpack 在范围方面有问题

Question

有几个模块连接到 app.js，例如里面的代码:

var test = "TEST"; 

这是我的 webpack.config:

module.exports = {
    entry: './src/app.js',
    output: {
        filename: './dist/bundle.js'
    }
};

问题是，当我尝试在开发人员控制台中调用我的测试变量时，出现错误:

关于范围的一些事情，当我直接连接 app.js 时 - 一切正常，问题是什么以及如何解决？

Answer 1

是的，这是一个范围问题。有两种方法可以解决此问题:

1. 而不是使用 var , 使用 window. . ( window.test = "TEST"; )
2. 忘记var (在严格模式下不起作用)。 test = "TEST";
3. 在 <script src="bundle.js"></script> 之前, 声明 test ( var test; ) 然后忘记 var .

希望这就是您要找的答案。