最近新开一个项目,使用了最新的Vue3和Typescript,但发现在客户浏览器中白屏(空页面),得知他们使用的浏览器版本居然是Chrome 49,但客户太多,根本无法要求他们统一更换新版本的浏览器,只能考虑适配这种低版本的浏览器。
一般这种情况都需要通过Babel
去做转换,我们是Vue3 Cli
项目,实际上Vue项目在创建时就引入的Babel
,直接使用即可
修改浏览器兼容列表配置(.browserslistrc)
项目根目录下有一个.browserslistrc
文件,打开,通过井号注释掉原先的内容,改为:
# 最低兼容 chrome 48
chrome >48
修改Vue配置
我们的项目所依赖的npm包实际上也可能需要转意,因此修改为:
module.exports = {
// 表示babel在翻译时一起把node_mod