×

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

作者:ceshi2019.03.18来源:Web前端之家浏览:9062评论: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://jiangweishan.com/article/html293402394-293.html

网友评论文明上网理性发言 已有0人参与

发表评论: