Vue、GitLab、Jenkins、Nginx实现自动打包发布上线

将gitlab上的代码下载到了本地电脑上,且进行了代码压缩,压缩完成后发布压缩包到自己的阿里服务器上,阿里服务器成功接收到压缩包后,解压放到了服务器指定目录,最后通过nginx反向代理实现了自动化部署。

具体步骤如下:

1.Vue+GitLab:(研发阶段)

  • 用vue编码实现业务迭代
  • 使用webpack进行前端构建
  • 将最新的代码和构建后的dist目录共同组成的项目推送到远程仓库gitlab

2.GitLab与Jenkins:(构建阶段)

  • 获取gitlab仓库上最新的完整项目下载到本地电脑
  • 将下载好的完整项目中构建好的dist目录进行压缩

3.Jenkins与阿里服务器:(构建阶段)

  • 压缩成功后将自动连接阿里服务器进行上传
  • 上传阿里服务器成功后开始解压gz包到指定好的nginx目录下

4.Nginx:(发布阶段,可提前做好)

  • 通过nginx将域名反向代理到服务器指定目录

你可能感兴趣的:(前端项目构建)