前言
vite需要引入多個包來適配低版本瀏覽器，如果只是用網(wǎng)上常規(guī)的@vitejs/plugin-legacy來配置還是會出現(xiàn)部分android 9的出現(xiàn)白屏問題
第一步
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'],
}),
],
});
};
浙公網(wǎng)安備 33010602011771號