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

js代码：class H_Vue {constructor(obj) {}}html代码：<body><script>window.onload = () => {let a = new H_Vueconsole.log(a)}</script></...

HansExploration

3583人浏览 · 2019-01-24 17:26:37

HansExploration · 2019-01-24 17:26:37 发布

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

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^