关于前端:记录-Vue-CLI3-项目中解决IE浏览器语法兼容导致页面报错白屏问题

vue cli3创立的我的项目发现在ie浏览器运行中呈现语法错误，导致页面报错加载呈现空白，而后本人查阅材料发现是在IE11及以下版本中大量ES6语法不反对，而后摸索测试一番后发现能够失常拜访了。

装置 ‘babel-polyfill’
cnpm i --save babel-polyfill

在main.js中引入’babel-polyfill’（在文件首行引入）
import 'babel-polyfill'

在babel.config.js中增加

module.exports = {
  presets: [
    ['@vue/app', {
        useBuiltIns: 'entry'
    }]
  ]
}

在vue.config.js中增加

module.exports = {
    transpileDependencies: ["*"] // 这里*是代表抉择了dependencies中所有须要转换的依赖，也能够按需填写，比方["vuex","element-ui"]
}

package.json中’browserslist’的配置

"browserslist": [
    "> 1%",
    "last 2 versions",
    "not ie < 11",
    "not dead"
  ]