关于vue.js:vitevue3兼容低版本

我的项目在安卓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时须要此插件
    }),
]
})

打包、运行到浏览器。
新版本浏览器运行失常!旧版本浏览器运行失常!

评论

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

这个站点使用 Akismet 来减少垃圾评论。了解你的评论数据如何被处理