jenkins发布vue项目到linux服务器

jenkins发布vue项目

新建任务

打开jenkins，点击左侧菜单【新建任务】
【General】配置项目描述信息

源码管理

设置项目远程仓库地址

构建

设置项目编译命令，需进入项目的目录，执行vue项目编译命令，需提前配置好node.js环境
命令主要内容：
1.进入项目编译目录
2.运行source /etc/profile命令，使在/etc/profile中配置的node.js环境变量生效
3.删除原有的编译后的文件rm -rf dist
4.安装项目依赖cnpm install
5.执行项目编译命令cnpm run build
6.将编译后的项目打包为压缩文件tar -zcvf dist.tar.gz *

#!/bin/bash
cd VUE/ldarWeb
source /etc/profile
node -v
npm -v
cnpm -v
rm -rf dist
cnpm install
cnpm run build
cd dist
tar -zcvf dist.tar.gz *

构建后操作

项目打包完成后，需发送到远程服务器上
设置远程发送配置后，在远程服务器上执行部署命令

远程执行命令包含：
1.切换到项目目录cd /home/jenkins/ldar
2.删除旧的构建rm -rf dist
3.创建项目部署文件夹mkdir dist
4.将需要部署的项目解压到部署目录tar -zxvf backup/dist.tar.gz -C dist
5.将已发布的压缩包重命名mv dist.tar.gz `date "+%Y%m%d%H%M"`_dist.tar.gz

cd /home/jenkins/ldar
rm -rf dist
mkdir dist
tar -zxvf backup/dist.tar.gz  -C dist
cd backup
mv dist.tar.gz `date "+%Y%m%d%H%M"`_dist.tar.gz

`