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項目了。