Jenkins 构建Vue项目

一、配置构建环境

• 通过Docker安装的Jenkins都会自带安装JDK
• 查看Jenkins 容器中的环境变量

$ echo $PATH

$ vi /etc/profile

#JDK

export JAVA_HOME=/usr/local/openjdk-8

export PATH=$PATH:$JAVA_HOME/bin:

export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

• 进入Jenkins管理页面配置JDK

 

• 下载以及配置NodeJS环境变量
• 这里我是通过下载好的node-v14.15.1-linux-x64.tar.xz上传到服务器

• 再通过服务器解压移动到缩主机与Jenkins挂载的数据目录中分享

$ cd /app

$ tar -xvJf node-v14.15.1-linux-x64.tar.xz

$ mv node-v14.15.1-linux-x64 /data/jenkins_data

• 进入Jenkins容器中配置环境变量

$ docker ps

$ docker exec -it [容器ID] /bin/bash

$ echo $PATH

$ apt-get update #可能没有VI工具、GIT工具需要更新安装

$ apt-get install net-tools git vim -y

 

$ vi /etc/profile #添加以下配置

#NodeJS

export NODE_HOME=/var/jenkins_home/node-v14.15.1-linux-x64

export PATH=$PATH:$M2_HOME/bin:$JAVA_HOME/bin:$NODE_HOME/bin

export CLASSPATH=.:$JAVA_HOME/lib/dt.jar:$JAVA_HOME/lib/tools.jar

 

$ source /etc/profile #更新环境变量

• 进入Jenkins管理页面配置Node

 

二、安装插件

安装：NodeJS Plugin

三、构建项目

• 新建任务

 

• 定义任务名以及选择构建一个自由风格的软件项目
• 选择 丢弃旧的构建

 

• 配置Git源码管理

 

• 构建环境选择Provide Node & npm bin/ folder to PATH

 

• 选择构建

 

• 添加Shell脚本

#!/bin/bash

echo "清除缓存"

npm cache verify

echo "开始安装编译"

npm install

npm run dev

 

四、其它构建

Jenkins 构建Maven项目：https://blog.youkuaiyun.com/zczhi_java/article/details/111152069