vue项目兼容低版本浏览器
有一个使用vue-cli创建的前端项目，用了很多的框架，要做低版本浏览器兼容。
·
项目场景：
有一个使用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里面就可以了
魔乐社区（Modelers.cn) 是一个中立、公益的人工智能社区，提供人工智能工具、模型、数据的托管、展示与应用协同服务，为人工智能开发及爱好者搭建开放的学习交流平台。社区通过理事会方式运作，由全产业链共同建设、共同运营、共同享有，推动国产AI生态繁荣发展。
更多推荐
0
0- 0
已为社区贡献8条内容
所有评论(0)