vite+vue3配置vite.config.ts多页面入口,并配置多个env

需求:在一个项目有公共的依赖和组件,但是两个模块又没有业务上的关联,这个时候我们需要用到分包,

我的env.test对应是mono2中的变量打包,根据人个需求使用

在根路径下删除原来的index.html,然后在src下建两个目录分别为mono1,mono2

如果页面都抽离成模块后记得改变，记得要修改文件之间的引用关系，接下来我们详细看项目配置方面的修改。

vite.config.ts

/*
 * @Author: 周云芳 164591357@qq
 * @Date: 2022-05-23 21:29:09
 * @LastEditors: 周云芳 164591357@qq
 * @LastEditTime: 2022-06-02 17:29:03
 * @FilePath: \vue3\vue3-ts\vite.config.ts
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { defineConfig, loadEnv } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'
const