vue3 vite ios安卓低版本白屏问题

2023-10-14 19:14:00 浏览数 (2)

1.新建一个.babelrc 文件

代码语言:javascript复制
{
    "presets": ["@babel/preset-env"],
    "plugins":[
        "@babel/plugin-transform-runtime"
    ]
}

2.在vite.config,ts 文件修改配置新增 esbuild 和build项( 需要intall terser

代码语言:javascript复制
import esbuild from 'rollup-plugin-esbuild'
export default defineConfig({
   plugins: [
     esbuild({
      target: 'chrome64',
      loaders: {
        '.vue': 'js',
        '.ts': 'js'
      }
    })
   ],
    build: {
      minify: 'terser',
      target: ['edge90', 'chrome90', 'firefox90', 'safari15'], // 适配低版本浏览器
    },
  })

3 到这已经结束了

0 人点赞