vite+vue3 在低版本手机打开黑屏解决办法

1. npm install rollup-plugin-esbuild --save

2. npm install terser

3. 在根目录创建 .babelrc 文件

.babelrc 内容

{

     "presets": [ "@babel/preset-env" ],

     "plugins": [ "@babel/plugin-transform-runtime" ] 

 }

4. 配置 vite.config.js

import esbuild from 'rollup-plugin-esbuild';

plugins: [

      vue(),

      esbuild({

        target: "chrome64",

        loaders: {

          ".vue": "js",

          ".ts": "js",

        },

      }),

    ],

    build: {

      minify: "terser",

      target: ["edge90", "chrome90", "firefox90", "safari15"],  // 适配低版本浏览器

    }