vite打包问题？

Question

vite默认打包出来的index.html的js是<script type="module"这种的，
怎么变成<script type=text/javascript，
就让vite打包出来的要在低版本浏览器运行

Answer 1

官方提供了@vitejs/plugin-legacy插件, 可以试一下

https://cn.vitejs.dev/plugins/

https://github.com/vitejs/vite/tree/main/packages/plugin-legacy

Answer 2

低版本是有多低？不会是 IE 吧？

Vite 关于兼容的问题，可以看脚手架中关于 #浏览器兼容性 - 构建生产版本 | Vite 官方中文文档 的说明。

默认情况下，Vite 的目标是能够 支持原生 ESM script 标签、支持原生 ESM 动态导入 和 import.meta 的浏览器：

• Chrome >=87
• Firefox >=78
• Safari >=14
• Edge >=88

...

传统浏览器可以通过插件 @vitejs/plugin-legacy 来支持，它将自动生成传统版本的 chunk 及与其相对应 ES 语言特性方面的 polyfill。兼容版的 chunk 只会在不支持原生 ESM 的浏览器中进行按需加载