vue-cli3项目兼容低版本浏览器

很多时候，使用vue开发的项目，由于es6无法在低版本浏览器上运行，所以我们需要将es6转换为浏览器支持的es5来兼容低版本的浏览器(比如Chrome46以上，Firefox46以上，IE11等)。

在这里我们使用的是@babel/polyfill来进行转换：

1、安装@babel/polyfill

npm i @babel/polyfill -S

2、在vue.config.js配置

module.exports = {
  configureWebpack:config => {
    config.entry.app = ["@babel/polyfill","./src/main.js"]              
  }   
}

3、项目根目录新建babel.config.js

module.exports = {
  presets:[
     ["@vue/app",{
        polyfills:[
           "es6.promise",
           "es6.symbol",
           "es6.array.iterator",
           "es6.object.assign"
        ],
        useBuiltIns:"entry"
     }]
  ]
}

至此，基本就可以实现在低版本浏览器中打开vue项目了。