vite+vue3兼容低版本

项目在安卓7版本一下手机上,不管是webview还是浏览器访问,页面都是空白。
可以很明确的知道是vue的兼容问题,起初使用常规的babel加垫片,但毫无作用,后来查看vite的插件库,发现
@vitejs/plugin-legacy:为打包后的文件提供传统浏览器兼容性支持
首先安装插件:npm i @vitejs/plugin-legacy -D
然后配置vite.config.js

import legacyPlugin from '@vitejs/plugin-legacy'; export default defineConfig({ plugins: [ legacyPlugin({ targets: ['chrome 52'], // 需要兼容的目标列表,可以设置多个 additionalLegacyPolyfills: ['regenerator-runtime/runtime'], // 面向IE11时需要此插件 }), ] })

【vite+vue3兼容低版本】打包、运行到浏览器。
新版本浏览器运行正常!旧版本浏览器运行正常!

    推荐阅读