使用git subtree管理不同项目的公用页面

在公司写项目,基本上很多项目都会有一些通用的页面,比如登录页,个人中心这种基础页面,每次复制会觉得很麻烦,后期修改也要同时改好几个地方.本子着解耦的思想开始想解决方法.最先想到npm安装包引入,不过这种事完整页面,不是组件功能,npm不适用.后来找到了一个git subtree,仓库公用

git subtree就是如果多个项目有通用文件夹,将文件抽离出去,在git上新建一个仓库,适用git subtree相关命令引入,后期修改可以再子仓库修改,也可以在父仓库修改,在使用命令同步代码就可以了.是不是很适合这种场景?所以就操练起来吧

一. 父仓库引入子仓库内容

我的项目里这个design文件我需要抽离出来通用,在git上新建一个项目,名称为design,将这个design文件剪切过去,上传到远程,父仓库里把这个文件删除

然后在父仓库根目录执行命令git subtree add --prefix=src/pages/design https://githup.com/shengbid/design --squash

然后出现了一个错误

这个错误是因为我在Git地址后面没有指定分支修改一下 git subtree add --prefix=src/pages/design https://githup.com/shengbid/design master 这样就可以了

然后说明一下这句指令, git subtree add 是添加子仓库到父仓库里 --prefix=src/design添加到父仓库的src/pages目录下,文件名为design 之后的是你Git子仓库的文件地址,复制网页的地址就成 master是仓库分支名上一句我有添加--squash 这个是不需要同步子仓库的历史提交记录,这里没什么提交记录,不加也可以

这一步还可能会出现下面这个错误,这是因为你父仓库有改动的内容没提交,提交后再引入就可以了