记录 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"
  ]