当前位置: 首页 > Web前端 > vue.js

vite+vue3兼容低版本的

时间:2023-04-01 12:38:06 vue.js

项目在Android7以下的手机上,无论是webview还是浏览器访问,页面都是空白。很明显是vue的兼容性问题。一开始我是用常规的babel加shim,但是没用。后来查看了vite的插件库,发现@vitejs/plugin-legacy:为打包文件提供传统浏览器兼容性支持先安装插件:npmi@vitejs/plugin-legacy-D然后配置vite.config.jsimportlegacyPluginfrom'@vitejs/plugin-legacy';exportdefaultdefineConfig({plugins:[legacyPlugin({targets:['chrome52'],//需要兼容的目标列表,可以设置多个additionalLegacyPolyfills:['regenerator-runtime/runtime'],//针对IE11时需要此插件}),]})打包运行到浏览器。新版浏览器可以正常使用!旧版浏览器工作正常!