vue3+vite 在ios13会出现白屏问题

1.首先安装所需要的依赖，Vite v3 开始，terser就变成了一个可选的依赖项，需要自己手动安装。

npm i -D rollup-plugin-esbuild
npm install terser

2.然后新建一个 .babelrc 的文件

{
  "presets": [
    "@babel/preset-env"
  ],
  "plugins": [
    "@babel/plugin-transform-runtime"
  ]
}

3.在vite.config.js添加 esbuild、build 的配置

 plugins: [
    vue(),
    esbuild({
      target: "chrome64",
      loaders: {
        ".vue": "js",
        ".ts": "js",
      },
    }),
  ],
  build: {
    minify: "terser",
    target: ["edge90", "chrome90", "firefox90", "safari15"], // 适配低版本浏览器
  },

打包，完成。

ps:还有另一种方法，但我没试过，感兴趣的可以看看，https://article.juejin.cn/post/7252912234222288957