关于前端:记录-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"
  ]