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

9次阅读

共计 434 个字符，预计需要花费 2 分钟才能阅读完成。

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

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

正文完