场景: 在使用vue3和vite开发一个移动端H5，低版本的手机浏览器不支持加载，显示白屏。高版本的可以正常加载。原因是很多低版本浏览器并不支持原生ESM导入的方式

解决方案: 先安装官方插件 @vitejs/plugin-legacy 来自动生成传统浏览器的 chunk 及与其相对应 ES 语言特性方面的 polyfill。兼容版的 chunk 只会在不支持原生 ESM 的浏览器中进行按需加载。

npm install @vitejs/plugin-legacy -D

配置 vite.config.js

打包、运行到浏览器。

参考文档: https://blog.csdn.net/weixin_45744454/article/details/139328186