Jenkins构建前端项目(一次点击构建)

思路:

1. 建立gitlab仓库(此处省略);

2. 安装部署Jenkins(此处省略);

3. 在Jenkins中,建立项目(从gitlab拉取指定分支的代码)

4. 实现自动化构建、打包、发布前端项目

 

(1)点击新建一个任务

Jenkins构建前端项目(一次点击构建)_第1张图片

(2)填写任务名称及选择类型

 

Jenkins构建前端项目(一次点击构建)_第2张图片

(3)点击“OK”后,进入 项目描述 、git仓库地址(git帐户密码)、build配置、build时运行的命令

 

Jenkins构建前端项目(一次点击构建)_第3张图片

继续..............

 配置前端运行环境,Node环境(服务器上需要安装Node,及npm)

Jenkins构建前端项目(一次点击构建)_第4张图片

继续....................

Build时,选择“执行shell

 Jenkins构建前端项目(一次点击构建)_第5张图片

Jenkins构建前端项目(一次点击构建)_第6张图片

 

 

(4)最后,点击保存 “Save”,回到列表,点击 构建图标,等待完成即可

Jenkins构建前端项目(一次点击构建)_第7张图片

你可能感兴趣的:(前端)