纯 Git 实现前端 CI/CD

纯 Git 实现前端 CI/CD

原文链接：纯 Git 实现前端 CI/CD

最近要把前端 react 项目部署到私有服务器上，研究了好几种持续部署方案，这里简单描述一下。

总的部署思路分两种：

1.编译后的文件部署

编译后的文件部署，就是先在本地进行npm run build打包，生成 build 文件夹，然后将 build 文件夹传到服务器，再用 Nginx 配置一个静态解析即可。
这种方案用 rsync 直接上传就可以，这里不赘述。

2.源码部署
源码部署就是把源文件上传到服务器上，然后：

$ npm install && npm run build

这种方式是将打包工作交给服务器（或其他构建工具），本地只是将源代码 push 上去，git 监听到推送然后自动开始构建。这是现在流行的方式，大多数持续集成工具都是这么干的。
今天的重头戏来了！我们不借助其他构建工具，只用纯 Git 实现监听 push 并自动构建。相信我，这一步非常有趣~

服务端

首先准备一台服务器，然后安装好 node、git 和 nginx，开始动手。

服务器信息如下：
host：192.168.0.1（假的）
项目目录：/home/react-test
创建裸仓库
登入服务器，在服务器的 /opt 目录下创建一个裸仓库
什么是裸仓库？裸仓库就是没有工作目录的仓库，说白了就是你的项目目录下的 .git 文件夹
执行命令创建：

$ cd /opt
$ git init --bare react-test.git

创建好后，会生成 r