vue-cli3项目在IE浏览器打开兼容问题

一. 问题描述

vue打包的项目在ie浏览器上，不能打开。找了一天的解决方案，解决一个又报一个兼容错误，一步一坑一步一填，终于解决了问题。我们需要了解的ie浏览器支持版本大于ie8。

二. 方案

第一步：安装babel-polyfill依赖

解决es6语法的兼容问题

1. npm install babel-polyfill --save-dev
2. 在main.js 文件中引用这个库，import ‘babel-polyfill’

第二步：安装es6-promise依赖

走了第一步，又出现了一个坑，ie浏览器不认识promise。需要我们在添加下面的依赖。

1. npm install es6-promise --save-dev
2. 在main.js文件引入下面的内容。
   import promise from ‘es6-promise’
   promise.polyfill()

第三步：解决引用第三方库IE浏览器不识别

项目中引入iview和我们公司自己样式库，部分语法在ie浏览器上不能识别报错。

在项目的根目录中找到vue.config.js文件，修改webpack的配置。

 chainWebpack: config => {
   config.module.rule('iview')
     .test(/\.js$/)
     .use('babel')
     .loader('babel-loader')
     .end()
 }