jenkins 自由风格部署vue项目，参数化构建vue项目-Toy模板网

这篇具有很好参考价值的文章主要介绍了jenkins 自由风格部署vue项目，参数化构建vue项目。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

1. 丢弃旧的构建

jenkins 自由风格部署vue项目，参数化构建vue项目,jenkins,jenkins,运维

2. 是否需要install jenkins 自由风格部署vue项目，参数化构建vue项目,jenkins,jenkins,运维

3. git

jenkins 自由风格部署vue项目，参数化构建vue项目,jenkins,jenkins,运维

4. 配置node16:

jenkins 自由风格部署vue项目，参数化构建vue项目,jenkins,jenkins,运维

5. 脚本：

jenkins 自由风格部署vue项目，参数化构建vue项目,jenkins,jenkins,运维

脚本：文章来源地址https://www.toymoban.com/news/detail-781191.html

#进入Jenkins工作空间下项目目录
cd /var/lib/jenkins/workspace/你的任务名称
node -v #检测node版本（此条命令非必要）
npm -v #检测npm版本（此条命令非必要）
npm config set registry https://registry.npm.taobao.org #把npm源设置为淘宝源（这个你懂的）
npm config get registry #检测npm是否切换成功（此条命令非必要）



#!/bin/bash

if [ "${need_install}" = "true" ];then
   echo "准备更新仓库"
   npm install --legacy-peer-deps
fi

#打包
npm run build:prod
# 防止npm run build 报错，shell不继续执行，直接返回 exit 0
exit 0



cd dist
pwd
#删除上次打包生成的压缩文件（一般建议备份，不要直接删除，这边测试就无所谓啦）
rm -rf test.tar.gz 
#把生成的项目打包成压缩包，方便移动到项目部署目录
tar -zcvf test.tar.gz * 


cd /usr/local/nginx/html #进入web项目根目录
echo "当前操作人"
whoami
mv /var/lib/jenkins/workspace/你的任务名称/dist/test.tar.gz ./  #移动刚刚打包好的项目到web项目根目录
pwd
mkdir dist
tar -zxvf test.tar.gz -C dist/  #解压项目到dist目录
rm -rf test.tar.gz    #删除压缩包


rm -rf /usr/local/nginx/html/你的项目文件名称

mv /usr/local/nginx/html/dist /usr/local/nginx/html/你的项目文件名称
echo "部署成功！"

到了这里，关于jenkins 自由风格部署vue项目，参数化构建vue项目的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！