jenkins打包发布前端项目

1.配置前端nodejs打包环境

1.1安装nodejs插件

jenkins打包发布前端项目_第1张图片

jenkins打包发布前端项目_第2张图片

 jenkins打包发布前端项目_第3张图片

 1.2配置jenkins nodejs环境

jenkins打包发布前端项目_第4张图片

jenkins打包发布前端项目_第5张图片

jenkins打包发布前端项目_第6张图片

2.下载git插件(使用此插件配置通过gitlab标签拉取项目)

jenkins打包发布前端项目_第7张图片

3.创建一个自由风格的发布项目

jenkins打包发布前端项目_第8张图片

 4.配置项目构建流程

    4.1添加钉钉告警

jenkins打包发布前端项目_第9张图片

4.2配置参数化构建

jenkins打包发布前端项目_第10张图片

 jenkins打包发布前端项目_第11张图片

 4.3配置源码管理为git拉取项目

jenkins打包发布前端项目_第12张图片

 4.4配置构建环境

jenkins打包发布前端项目_第13张图片

 4.5配置构建操作并发布到web服务器(编译命令需要咨询一下开发,不过一般都是用以下编译命令)

jenkins打包发布前端项目_第14张图片

npm install   #配置npm编译环境
npm run build  #执行编辑
cd dist     #进入编译后的dist目录
rm -rf *.tar.gz  #将之前的压缩文件删除
tar -zcvf $tag.tar.gz ./*   #将dist目录下的所有文件打包压缩
scp *.tar.gz [email protected]:/etc/web/  #将压缩文件传送到web服务器
sh [email protected] tar -zxvf /etc/web/*.tar.gz  #在web服务器上解压打包的压缩文件

5.项目构建测试

5.1启动项目构建

jenkins打包发布前端项目_第15张图片

 5.2选择gitlab项目版本构建

jenkins打包发布前端项目_第16张图片

 5.3构建完成后会收到钉钉通知

jenkins打包发布前端项目_第17张图片

 

你可能感兴趣的:(jenkins,运维,前端,jenkins)