jenkins构建前端项目流程发布到远程nginx目录

jenkins构建前端项目流程

我这里是构建 6个前端项目,我拿其中一个举例子,其他五个复制项目,改名称-改包名-改放在的目录地址-就可以,

项目 rock

在这里插入图片描述

项目内容一

在这里插入图片描述

项目内容 代码

在这里插入图片描述

构建环境

在这里插入图片描述

构建

在这里插入图片描述

具体代码内容

#指此脚本使用/bin/sh 来执,说明如果没有声明,则脚本将在默认的shell中执行,默认的shell是由用户所在的系统定义为执行shell脚本
#!/bin/bash -l

#进入jenkins工作空间下项目目录中
cd /root/.jenkins/workspace/front.end-rock

#安装项目中的依赖
npm  install 

#打包
npm run build

#把生成的项目打包成压缩包,方便移动到项目部署目录
tar -zcvf  ./front.end-rock.tar.gz   ./dist

构建后操作

在这里插入图片描述

以上就是项目内容

在这里插入图片描述

构建项目 会在你的jenkins 发布目录生成对应项目名称

在这里插入图片描述

远程 服务器目录

在这里插入图片描述

复制构建其他项目

复制即可
在这里插入图片描述
复制项目
在这里插入图片描述

需要修改的地方

项目地址
在这里插入图片描述
构建对应的名称
在这里插入图片描述
对应的名称
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值