【vite+vue3】一个项目包含多个小项目并实现多项目单独打包部署访问

下图最终打包效果如下：

---

描述：

公司有两个项目，UI界面以及框架是一致的，且有很多个公用的组件可以共同使用。所以想着在一个大的项目里实现两个小项目：projectA和projectB项目，公共部分提取出来。

例如项目文件结构如下：

├── package.json
├── vite.config.js
├── index.html // 可以删除
├── env.porjectA // 项目A的环境变量
├── env.porjectB // 项目B的环境变量
└── src
    ├── main.ts // 可以删除
    ├── App.vue //可以删除
    └── api // 公用的api
    └── config // 配置文件 例如servive.ts,config.ts
    └── components // 公用组件
    └── project
        └── projectA
            └── utils // 各自的具包
            ｜————api 
            ｜————router 
            ｜————views 
            ｜————index.html 
            ｜————main.ts
            ｜————App.vue  
        └── projectB 
            └── utils // 各自的具包
            ｜————api 
            ｜————ro