前端jenkins自动化构建基于svn的vue项目,以及uniapp的H5项目

1、安装NodeJS插件

打开管理功能
打开管理功能

进入全局工具管理
在这里插入图片描述

配置NodeJS版本
在这里插入图片描述

2、创建项目

新建项目
在这里插入图片描述

填写项目名称,选择自由项目
在这里插入图片描述

填写项目描述
在这里插入图片描述

填写SVN地址、SVN帐号
在这里插入图片描述

选择构建方式、NodeJS版本
在这里插入图片描述

选择构建模式为Execute shell,编辑构建脚本
在这里插入图片描述

# vue项目
cnpm install  #安装node依赖包
npm run build  #开始构建
cd dist  #打开构建目录
rm -rf dist.tar.gz #删除上次打包生成的压缩文件
tar -zcvf dist.tar.gz * #把生成的项目打包成方便传输到远程服务器
cd ../

-------------------------------------------------------------------------------------
# uniapp H5项目
# H5需要依赖uniapp在本地使用HbuilderX打包H5,然后上传
cd unpackage/dist/build/h5  #进入uniapp  H5构建的目录
rm -rf dist.tar.gz #删除上次打包生成的压缩文件
tar -zcvf dist.tar.gz * #把生成的项目打包成方便传输到远程服务器
cd ../

通过ssh把打包好的压缩包上传、解压
在这里插入图片描述
如果是uniapp打包的H5,
需要在本地打包,上传到svn,配置改成这个路径
Source files:unpackage/dist/build/h5/dist.tar.gz
Remove prefix :unpackage/dist/build/h5

cd /opt/server/html/base-pc #进入远程服务器的目录
tar -xzvf dist.tar.gz #解压文件到根目录
rm -rf dist.tar.gz #删除压缩文件
  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值