VUE項目兼容性處理,主要原因還是不兼容ES6。
oppo和vivo等低版本瀏覽器不支持es6寫法,所以需要對es6轉es5的操作。
IE瀏覽器沒有內置Promise對象。不僅如此,幾乎所有的ES6新增的方法在IE都不能用,此時你需要babel Polyfill
一、需要下載幾個包
npm install babel-polyfill --save
npm install es6-promise --save
二、在main.js中引入
import 'babel-polyfill'
import promise from 'es6-promise'
require('es6-promise').polyfill()
promise.polyfill()
三、在webpack.base.conf.js中修改entry
module.exports = {
context: path.resolve(__dirname, '../'),
entry: {
app: ["babel-polyfill", "./src/main.js"]
},
}
兼容以後,ie一直報錯
解決辦法:在webpack.dev.config.js中的devServer添加disableHostCheck配置
關於vue項目打包之後空白的解決辦法 : => 項目空白解決辦法