jenkins自动化构建vue(web)项目并部署(项目实战)

运维老司机

于 2024-10-29 14:14:10 发布

阅读量548

点赞数 2

分类专栏： Jenkins 文章标签：前端 jenkins 自动化

本文链接：https://blog.youkuaiyun.com/weixin_45697805/article/details/143327933

版权

Jenkins 专栏收录该内容

10 篇文章

订阅专栏

安装nodejs插件

系统管理>插件管理
在这里插入图片描述

安装完成
在这里插入图片描述

配置node

在这里插入图片描述

新建任务

在这里插入图片描述

根据自己情况来设置是否需要丢弃旧的构建，我保存了5天和5次在这里插入图片描述

在这里插入图片描述

cd /var/jenkins_home/workspace/hainan_road_web/SDGS-YHJC/sdgs-ui
npm config set registry https://registry.npmmirror.com
npm config get registry
npm install 
npm run build:prod
rm -rf dist.tar.gz
tar -zcvf dist.tar.gz dist
rm -rf dist

开始构建

在这里插入图片描述

构建成功

在这里插入图片描述

新增构建完成之后的操作

在这里插入图片描述

cd /opt/hainangaosu/web/road
mv dist dist_$(date '+%Y-%m-%d_%H-%M')
rm -rf dist.tar.gz
mv /opt/cwh/dist.tar.gz /opt/hainangaosu/web/road
tar -xvf dist.tar.gz