一个项目多版本独立部署前端vue该怎么组织?

Question

一个toB项目.多个版本比如A版,B版,C版,每个版本要能独立部署,独立登录页..其中大部分功能一样.. 但是从接口上看就是账号的不同权限归属不一样而已.
前端方面怎么设计目录好?
一个项目,搞两个登录路由是不是简单点? 但是独立部署代码就全过去了
不然就是搞两个项目,公共部分提取到上一层?
谁弄过,求个思路

Answer 1

git分支管理
git分支管理是一种方法，比如a项目你可以切个a-branch，b项目你可以切个b-branch，c项目你可以切个c-branch。

缺点就是频分切换分支。

多页面打包
相信你用vue的话，也是用vue-cli，多页面打包的配置也简单，接着就是创建不同的a-main.js,b-main.js,c-main.js.在不同的入口中，导入不同的接口地址，就是不同的api文件。

缺点就是分别创建不同的打包入口。

monorepo多包项目管理
这种模式就是类似babel,vue-next一样的，通过一个packages文件下管理你的a,b,c项目。当然你把通用的代码抽为common项目。

用lerna插件管理

结构如下：

    packages
        - a-project
        - b-project
        - c-project
        - common
    
    package.json
    lerna.json

缺点就是项目需要重新抽离。

我的建议是采用 多页面打包 的方式会好一些。

Answer 2

git 分支是最简洁的办法了；
项目大且复杂的话可以了解下 微前端