## 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地址、登录态、权限等