vue3打包后在低版本浏览器或webview中出现白屏,原因就是因为语法兼容问题。根据vite官方文档描述,build.target 默认支持 Chrome >=87、Firefox >=78、Safari >=14、Edge >=88 传送,所以需要我们手动兼容低版本。
方法:
// vite.config.js
import legacy from '@vitejs/plugin-legacy'
build: {
target: ['ios11', 'Chrome 64']
},
plugins: [
legacy({
targets: ['Chrome 64'],
modernPolyfills: true,
})
],