如何webpack编译出来的js变量应用到JS中

作者：ceshi2019.03.18来源：Web前端之家浏览：10204评论:0

关键词：webpack

html中如何引用webpack编译出来的JS中的变量。

js代码：

class H_vue {
  constructor(obj) {
 
  } 
}

HTML代码：

<body>  
  <script>
    window.onload = () => {
      let a = new H_VUE
      console.log(a)
    }
  </script>
</body>

报错为H_Vue未定义

原因在于Webpack编译出来的js是一个自执行函数，定义的H_Vue是局部变量。

提升其作用域范围，使其成为全局变量。

在js末尾添加

window.H_Vue = H_Vue

赏您的支持是我们创作的动力！

温馨提示：本文作者系，经Web前端之家编辑修改或补充，转载请注明出处和本文链接：
https://www.jiangweishan.com/article/html293402394-293.html