原理:
在jenkins搭建编译打包环境,将打包好的文件直接远程发送到相关测试服务器目录下
插件安装
1. 安装Publish Over SSH插件用于SSH连接远程的服务器
登录 jenkins 管理系统首页，打开“系统管理”--“管理插件” 搜索 Publish Over SSH 然后勾选安装(用于远程发送打好的包)
2. 安装 NodeJs插件 用于vue项目打包构建
打开“系统管理”--“管理插件” 搜索 nodejs 然后勾选安装,重启jenkins
image.png
打开“系统管理”--"全局工具管理",选择版本,点击保存
image.png
发布配置
首先新建一个自由风格的项目
image.png
然后配置构建保留天数和参数化构建
image.png
添加git地址
image.png
添加node版本
image.png
添加构建,执行shell命令打包
image.png
添加构建后操作,远程发送打包好的包
image.png
点击保存开启构建,即可
创建过程中问题描述:
1.安装不了:
image.png
解决方法:
升级jenkins即可
2.缺少package.json文件
解决方法:
直接在项目中打包,项目会自带该文件,jenkins才能直接使用该文件,以及里面相关文件默认路径,正确打包
image.png
3.打包不成功
解决方法:
原因可能是prerender-spa-plugin预渲染过程中出错了。在开发环境(Windows)中打包重试，还是没有问题。那么问题就还是出在phantomjs上了，因为prerender-spa-plugin是依赖phantomjs的。
尝试查看phantomjs --version版本,根本无法看到
image.png
所以问题可能出现在npm直接安装的phantomjs缺少依赖,需要在jenkins服务器环境中手动安装依赖(centos系统):
yum install fontconfig
yum install freetype
