Jenkins+Svn发布Vue前端项目至远程主机

1、安装插件

• 此处我只讲解安装NodeJS插件，其他插件安装请参考
  Jenkins+Svn远程发布Tomcat配置

• 系统管理->插件管理安装NodeJS

  
  
  image.png
• 安装完手工重启一下Jenkins，访问以下链接即可操作重启
  http://你的jenkins访问链接/restart

• NodeJs配置
  系统管理->全局工具配置，配置如下图，保存即可

  
  
  image.png

2、配置vue项目

• 创建项目

  
  
  image.png

• 配置SVN信息

  
  
  image.png

• 配置编译环境

  
  
  image.png

• 执行打包命令

  
  
  image.png
  
  
  image.png

echo $PATH
node -v
npm -v
npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver
npm install   #安装依赖
npm run build  #打包
tar -zcvf aic.tar.gz aic/  #压缩，方便传输，我这里打包的文件名是aic

• 配置远程传输，即Post-build Actions

  
  
  image.png
  
  

  我的远程主机vue代码放在/root/server/vue目录下，

  
  
  image.png

而在SSH配置中Remote directory已经设置为/root/server，所以下图的Remote directory只需要配置/vue即可。

image.png

cd /root/server/vue   #进入目录
tar -zxvf aic.tar.gz         #解压传输过来的代码包
rm -rf aic.tar.gz      #删除代码包

注意点：

1. npm install解压phantomjs的时候，报无法解压，这时候应该是没有安装bzip2，在jenkins机器上执行以下命令安装即可：

yum -y install bzip2