Jenkins自动化部署vue项目

 

 

 二、General设置

Jenkins自动化部署vue项目

 

 

 三、源码管理

Jenkins自动化部署vue项目

 

 

 搞到这一步就可以创建构建任务了,如果新手先可以构建验证下,我是不想验证

四、写shell脚本

Jenkins自动化部署vue项目

 

 

 Jenkins自动化部署vue项目

 

 

 

 

 脚本如下:

#!/bin/bash

#下载工作区npm包
npm install
#删除dist目录下的所有文件,dist目录即为当前jenkins工作区打包后的文件。
rm -rf ./dist/*
#执行打包命令
npm run build
#删除服务器上/root/ghyExploit/vue/saltpan/目录下的所有文件/root/ghyExploit/vue/saltpan/ 为服务器项目放置位置
rm -rf /root/ghyExploit/vue/saltpan/*
#把当前构建工作区dist目录里的文件 copy 到服务器/root/ghyExploit/vue/saltpan 文件夹下
cp -rf ./dist/* /root/ghyExploit/vue/saltpan

搞到这里执行脚本后编译后的文件就会生成到我们指定位置了;

Jenkins自动化部署vue项目

 

 至于怎么绑定gitee自动拉代码这个我在前面文章也说了怎么做,这里就不再说了。这一步搞定

 

相关文章:

  • 2021-12-16
  • 2021-10-09
  • 2021-09-26
  • 2022-01-16
  • 2022-01-03
  • 2021-12-16
  • 2021-11-28
猜你喜欢
  • 2021-12-18
  • 2022-01-05
  • 2021-08-19
  • 2022-01-17
  • 2021-11-26
  • 2021-10-17
相关资源
相似解决方案