jenkins 部署 vue 项目

jenkins 部署 vue 项目

环境

系统:CentOS7.9

Jenkins:最新LTS版本

nginx: 1.24.x

gitLab:

打包机:jenkins所在服务器

目标机器:nginx所在服务器

jenkins部署配置

关键脚本

复制代码
#node -v
#已经安装node_module就无需执行install安装
#npm i
#npm install --registry https://registry.npm.taobao.org
yarn install --registry https://registry.npmmirror.com
npm run build:dev
tar -czf dist$(date +%Y%m%d).tar.gz dist

nginx服务器执行

复制代码
# 只保留5个文件,按天备份,也就是备份5天的文件
cd /data/deploy/smcl-pad/
rm -rf dist/*
tar -zxf dist$(date +%Y%m%d).tar.gz -C  ./
find . -type f -name "dist*.tar.gz" |sort|head -n -5 | xargs rm -f

截图

丢弃的构建

定时构建任务

打包机处理

目标机(nginx所在服务器)执行处理

本机删除文件

相关推荐
前端Hardy1 小时前
别再被setTimeout闭包坑了!90% 的人都写错过这个经典循环
前端·javascript·vue.js
卤蛋fg63 小时前
vxe-table 如何实现分组列头折叠列功能
vue.js
小怪点点3 小时前
vue3使用
前端·vue.js
学以智用5 小时前
Vue 3 核心函数全解(组合式 API + 常用工具函数)
javascript·vue.js
滕青山5 小时前
HTTP状态查询 在线工具核心JS实现
前端·javascript·vue.js
SuperEugene5 小时前
Vue3 中后台实战:VXE-Table 从基础表格到复杂业务表格全攻略 | Vue生态精选篇
前端·javascript·vue.js
SuperEugene5 小时前
Vue3 中后台实战:Element + VXE Table 搜索表格分页完整方案 | Vue生态精选篇
前端·javascript·vue.js
wuhen_n6 小时前
computed 的缓存哲学:如何避免不必要的重复计算?
前端·javascript·vue.js
wuhen_n6 小时前
watch 与 watchEffect:精准监听,避免副作用滥用
前端·javascript·vue.js
远山枫谷1 天前
uniapp + Vue 自定义组件封装:自定义样式从入门到实战
前端·vue.js