vue-cli3项目浏览器兼容问题，在低版本系统中白屏

vue-cli3项目浏览器兼容问题，在低版本系统中白屏

vue-cli3 中自带 babel-polyfill ，会将es6语法转化成es5 语法。但是如果依赖中有es6， polyfill是不能检测出来的。官网解释：

处理办法：

如果该依赖基于一个目标环境不支持的 ES 版本撰写: 将其添加到 vue.config.js 中的 transpileDependencies 选项。这会为该依赖同时开启语法转换和根据使用情况检测 polyfill。

比如我新加的依赖为swiper, 在 vue.config.js文件中添加如一行：

transpileDependencies: ["swiper"]

然后重启项目

亲测有效。官网还给出了其他解决办法，具体看官网

vue-cli2 ES6语法不兼容导致白屏的 解决办法