javascript - Webpack 在范围方面有问题

标签 javascript webpack ecmascript-6 module es6-modules

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

var test = "TEST"; 

这是我的 webpack.config:

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

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

enter image description here

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

最佳答案

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

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

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

关于javascript - Webpack 在范围方面有问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49371192/

相关文章:

javascript - 使用 javascript 的 FileReader 获取/设置文件编码

javascript - 如何使 HTML header 与之前设计的 JavaScript 代码保持一致

webpack - Webpack 配置中具有相同测试的多个规则会产生什么结果?

reactjs - 当我仅使用 3 个组件时,Antd 的包大小为 2.7 mb

javascript - 在 Javascript 中使用变量格式化字符串模板

javascript - 如何从 Canvas 合成渲染大比例图像

css - 如何为元素中的所有 .less 文件添加命名空间?

javascript - React.js 在提交/输入不起作用后专注于文本输入

javascript - 在 map 实例上使用 map /过滤器行为

javascript - 有没有更优雅的 "fake"类继承方式?