vue cli3-IE浏览器-babel-polyfill

题主的项目应用常规的vue-cli3构建项目，在兼容IE浏览器时遇到的问题，做一下记录。

一、babel-polyfill

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

（1）安装babel-polyfill

npm install babel-polyfill --save-dev

（2）main.js

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配置函数

chainWebpack (config) {
  config.entry('main').add('babel-polyfill')
}