jenkins持续集成vue项目

原理:
在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