Jenkins自动化构建vue项目发布到远程服务器

1：安装好Jenkins环境和linux的node环境

2：创建一个任务

选择自由风格软件任务

1.png

3：选择参数化构建过程

选择字符参数定义变量
定义outputDir名称 build明参数（npm run test ${actName}）vue.config.js接收详情做法见
https://www.jianshu.com/p/cbe584356ede的第“14：获取命令行参数（根据命令行参数决定打包名）”

2.png

4：源码管理选择git

填写git地址

3.png

5：填写构建环境

4.png

6：构建命令执行shell

分阶段执行下载依赖包-build打包-压缩文件

image.png

#${actName}使用第三步定义的参数
cd /home/packaged-server/jenkins-root/workspace/vue
node -v #检测node版本（此条命令非必要）
npm -v #检测npm版本（此条命令非必要）
npm install --unsafe-perm=true --allow-root #安装项目中的依赖
rm -rf ${actName}.tar.gz
npm run test ${actName} #打包
echo "---打包成功----"
echo "---开始压缩----"
tar -zcvf ${actName}.tar.gz ${actName}

7：传到远程服务器

6.png

cd /usr/share/nginx/html
tar zxvf ${actName}.tar.gz
rm -rf ${actName}.tar.gz