vue-cli3构建的vue项目使用babel-polyfill兼容安卓低版本浏览器

vue-cli2构建的项目有很多教程写babel-polyfill，而最近我用了一个新的vue-cli3构建的项目，在兼容低版本安卓浏览器时遇到的问题，做一下记录。

一、babel-polyfill
IE 11版本浏览器不支持ES6百分之85%的语法规范，在vue项目中选择使用babel-polyfill兼容语法。

（1）安装babel-polyfill

npm install babel-polyfill --save-dev

（2）main.js

import 'babel/polyfill'

或者

import '@babel/polyfill'

这里尽可能在首行引入；注意一下node_module中polyfill的文件路径，有的可能是 import '@babel/polyfill' 这种情况。

（3）babel.config.js
配置内容如下：

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

（4）vue.config.js
链式webpack配置函数，配置内容如下：

// module.exports内添加
chainWebpack (config) {
  config.entry('main').add('babel-polyfill')
}