Vuecli3项目兼容ie方案

Vuecli3项目兼容ie方案

1.安装以下npm包：

npm install --save babel-polyfill
npm install es6-promise --save

2，在main.js中引用：

import 'babel-polyfill'
import Es6Promise from 'es6-promise'
Es6Promise.polyfill()

3，在vue.config.js里插入代码，没有就新建（和package.json同级）

module.exports = {
  chainWebpack: config => {
      config.module
        .rule('iview')
        .test(/iview.src.*?js$/)
        .use('babel')
          .loader('babel-loader')
          .end()
    },
}

4，在babel.config.js里插入代码（和vue.config.js同级）

module.exports = {
   presets: [
    [
      "@vue/app",
      {
        "useBuiltIns": "entry",
        polyfills: [
          'es6.promise',
          'es6.symbol'
        ]
      }
    ]
  ],
};

5，重新启动项目…