vite + vue3 打包后 本地直接运行 type="module" crossorigin 替换为defer - 多个vue文件就不好使了

vite + vue3 打包后 本地直接运行 type="module" crossorigin 替换为defer

需求： 想打包后，双击运行，不启动服务

1. 修改 vite.config.js

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [vue()],
  base: './', // <-- 增加相对路径
})

2. 打包后的 index.html 里面有 script

<script type="module" crossorigin src="./assets/index.3914429b.js"></script>

替换为

<script defer src="./assets/index.3914429b.js"></script>

这里我从webpack打包的代码抄过来的。简单说就是vite基于服务，所以都是用模块的形式搞的。