VIte+Vue3 打包在本地 双击 index.html 打开项目

1.安装插件

npm i @vitejs/plugin-legacy

npm i @babel/preset-env

vite3 版本以上还需要安装

npm i terser

2.在 vite.config.ts 里引用

import legacy from '@vitejs/plugin-legacy';

export default defineConfig({
  base:"./",
  plugins:[
    vue(),
    legacy({
      targets:["defaults","not IE 11"],
    })
  ]
});

3.配置完成后打包

需要把 script 标签里面的 nomodule，crossorigin 属性删掉
删掉含有 type="module" 的标签
data-src 属性换成 src。