vue腳手架搭建項目在IE下打開空白

Polyfill 是一塊代碼(通常是 Web 上的 JavaScript),用來爲舊瀏覽器提供它沒有原生支持的較新的功能。

ie9和一些低版本的高級瀏覽器對es6新語法並不支持 導致 頁面在ie瀏覽器不能正常展示,顯示空白

babel提供了polyfill依賴,用來解決這一問題,方法如下:

首先安裝依賴:

npm install --save @babel/polyfill

在/src/mian.js中引入 polyfill 依賴

import 'babel-polyfill'

修改/build/webpack.base.config.js文件的配置:

entry: {
  // app: './src/main.js'    // 舊配置
  app: ["babel-polyfill",'./src/main.js']  // 新配置
},

文章的最後,提供參考鏈接

https://www.cnblogs.com/bigsister/p/11302077.html
what is a polyfill?
babel-polyfill

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