vue3+ts+vite适配低版本浏览器白屏

前言

　　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'],
      }),
    ],
  });
};