从零搭建web前端持续集成环境: github+jenkins+nodejs+nginx

CI：Continuous Integration，也就是持续集成
CD：Continuous Delivery 和 Continuous Deployment，也就是持续交付、持续部署

一般工作流程：
开发人员提交代码到Git/svn版本仓库；
Jenkins人工/定时触发项目构建；
Jenkins拉取代码、编译、打包or打包镜像；
Jenkins部署构建物到目标VM/Docker

前端CICD:
这里指的是基于webpack打包工具和npm包管理工具的前端项目，如基于vue-cli的前端项目，最终将打包后的资源部署到Nginx。

需要做的事情：

1. 传代码： github上创建一个vue前端项目仓库
2. 搭环境：在服务器上安装/配置 Nginx、git、nodejs、jenkins
3. 执行：在搭建好的jenkins上创建一个任务执行CICD

1、代码仓库

gitlab/svn/github都是可以的，jenkins上选择对应的Plugin进行配置即可，如果选择github，可以自己创建或者fork一个项目来快速测试，注意尽量不要选使用了node-sass的前端项目，npm install可能会失败

2、搭CICD环境

我这里是在腾讯云centos7进行
关于更换yum源

2.1 Nginx

安装nginx

yum install nginx
service nginx start

配置Nginx

vim /etc/nginx/nginx.conf

将root修改为前端代码部署的路径

location / {
     root /usr/local/CICDdemo/dist;
     index index.html;
}

检查配置文件是否有错误

<