vue3-mgt-template/demoSystem

sameSystem

相同的项目，需要拆分为多个子项目进行部署，代码高度相似，可能只是区分一下皮肤和部分配置文件等

相同

• 入口文件共用：包括index.html, App.vue, main.ts, vite.config.ts等
• 公共代码共用：包括api, router, utils, components, directives等
• 依赖库共用：所有子项目使用一份node_modules依赖库
• 环境相同：dev, test, stg, prod环境数量相同

不同

• 环境内配置区分：dev, test, stg, prod每个环境会注入不同的子系统配置，如子系统名称，api地址、登录态、权限等

问题

• 打包时，需要在路由页面注释非当前项目的页面，否则会把所有页面打包进去，导致体积过大，但是并不影响加载速度，因为都是懒加载，只有访问某个页面时才会记载对应的js文件。

---

---

baseSystem

只有基础部分相同的项目，需要拆分为多个子项目进行部署，代码部分相似，例如公共组件，公共自定义指令，公共utils等

相同

• 公共代码共用：包括utils, components, directives等
• 依赖库共用：所有子项目使用一份node_modules依赖库
• 环境相同：dev, test, stg, prod环境数量相同

不同

• 入口文件区分：包括index.html, App.vue, main.ts, vite.config.ts等都不相同
• 环境内配置区分：dev, test, stg, prod每个环境会注入不同的子系统配置，如子系统名称，api地址、登录态、权限等