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

 

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章