vue项目兼容低版本浏览器

项目场景：

有一个使用vue-cli创建的前端项目，用了很多的框架，要做低版本浏览器兼容

---

问题描述

需求很简单，然后就开干。直接在低版本浏览器内试，刚开始时本地使用yarn serve来启动项目，在低版本浏览器里试，发现一些问题，然后解决了。打完测试包之后再试报了一个语法错误，这个时候因为是打完包，js已经压缩过，所以问题在哪很难精确锁定。

---

原因分析：

问题能大致确定是某一个包使用了不兼容的语法，难点是找出来是哪个版本，主要阻碍是js是压缩过的。不太能直接看出来问题出在哪个包里。

---

解决方案：

沿着这个思路，寻找vue打完包带source map的方法，在官网找到这里vue开发模式设置
先修改package.json中的这里

"build:prod": "vue-cli-service build"

改为这样

"build:prod": "vue-cli-service build --mode=development"

然后再打包，js就会带着sourcemap，这样就可以看出报错的地方了，然后根据情况，添加到transpileDependencies里面就可以了