解决vue兼容IE低版本核心浏览器的语法错误

由于总所周知的原因，部分传统企业使用的都是IE核心的国产浏览器，这些浏览器在访问vue项目时，会出现“语法错误”，页面白板的情况。比如360安全浏览器、360极速浏览器、猎豹安全浏览器、IE11等。

出现这种情况的原因就是目前部分node依赖包使用的是ES2015以上的语法，不能在IE核心下正确解析。

那么如何解决呢？

1.添加依赖

npminstall--savebabel-polyfill

2.添加到main.js中，需要写到第一行

import 'babel-polyfill'

3.在vue.config.js中添加如下

transpileDependencies: [/node_modules[/\\\\](element-ui|vuex)[/\\\\]/]

这一步好多文章有漏掉，但是这一步又可能是必须的，因为babel-polyfill在处理代码时，默认是不处理node_modules文件夹下依赖的项目，添加此项，可以强制对依赖项目进行代码转换。

那么如何知道哪些需要转换呢？

只需要把项目部署起来，用IE浏览器访问，看看是否报错就知道了