Vue兼容IE报错解决方案

兼容问题一般是IE 对于es6 的部分新对象、表达式，语法并不支持，
解决方案是使用 babel-polyfill 来正常使用ES6。

第一步: 安装babel-polyfill

npm i  babel-polyfill

第二步: 在main.js中引入babel-polyfill

import 'babel-polyfill'

第三步: 在build中的 webpack.base.conf.js中修改为如下配置 (大约第25行)

entry:{
  app:['babel-polyfill','./src/main.js']   
}

---

完成以上三步基本已经完成了相关配置,但是有时候引用的第三方插件也需要进行转换,所以第四步按需设置(非必须,按个人需求)

第四步: 在build中的 webpack.base.conf.js中module模块下得rules模块中找到

Tip: 需要注意的是,转换时,不要引入全部,如element-ui,错误写法为

 resolve('node_modules/element-ui')     引入全部的话会报别的错

正确写法如第四步的图片,只加载需要转换的部分,以目前我的解触来看,基本都为src目录

修改完该配置文件后,需要重新npm run dev,以保证配置被正确加载