前言
vite需要引入多个包来适配低版本浏览器,如果只是用网上常规的@vitejs/plugin-legacy来配置还是会出现部分android 9的出现白屏问题
第一步
package.json 引入
"core-js": "^3.39.0", "regenerator-runtime": "^0.14.1", "@vitejs/plugin-legacy": "^5.4.2",
第二步
main.ts(注意放在最顶部)
import 'core-js/stable'; import 'regenerator-runtime/runtime';
第三步
vite.config.ts
import { defineConfig, loadEnv } from 'vite'; import legacy from '@vitejs/plugin-legacy'; export default ({ mode }: { mode: string }) => { const env = loadEnv(mode, process.cwd()); return defineConfig({ plugins: [ legacy({ targets: ['defaults', 'not IE 11', 'Chrome >= 53', 'Android >= 6'], additionalLegacyPolyfills: ['core-js/stable', 'regenerator-runtime/runtime'], }), ], }); };
标签:适配,ts,legacy,vue3,import,runtime,vite From: https://www.cnblogs.com/zxd66666/p/18687124