vite+vue3 在低版本手機(jī)打開黑屏解決辦法
1. npm install rollup-plugin-esbuild --save
2.?npm install terser
3. 在根目錄創(chuàng)建?.babelrc 文件
.babelrc 內(nèi)容
{
?????"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"],? // 適配低版本瀏覽器
? ? }
