Jenkins部署GitHub上的前端项目

构建

选择执行shell,这里请安装cnpm,构建速度快,且容易报错。

echo $PATH

node -v

npm -v

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install

npm run build

如果部署到服务器的话,建议打包

cd dist

tar -zcvf dist.tar.gz *

Jenkins部署GitHub上的前端项目_第1张图片

构建后步骤,发布到远程服务器


这里我们时使用docker安装的Jenkins, 如果你部署的服务器就是jenkins服务器,那可以直接通过宿主机-容器共享卷的方式部署。因为比较简单,这里简单的说一下:

  1. 找到jenkins构建后的目录

  2. 做一个共享卷的操作,是的构建结束之后,宿主机直接拥有打包后的文件,所以最好的方式可以把宿主机的目录设置为nginx的web目录

但是,会存在发布到远程服务器的情况,下面着重介绍一下:

1、安装Publish Over SSH插件

首页 -> 点击系统管理 -> 管理插件 ->可选插件 -> 过滤:ssh -> 选择Publish Over SSH插件,点击直接安装

你可能感兴趣的:(程序员,jenkins,github,前端)