Jenkins自动化构建 – 前端VUE项目

2019年9月11日11:06:15 发表评论 2,246 views

一、环境搭建（node\npm）

nodejs 只是需要运维部署，它相当于一个容器，类似于JDK环境一样

1.1 Node.js 安装

#1.下载安装包 (最新版12.10)
wget https://npm.taobao.org/mirrors/node/v12.10.0/node-v12.10.0-linux-x64.tar.xz
xz -d node-v12.10.0-linux-x64.tar.xz 
tar xf node-v12.10.0-linux-x64.tar -C /usr/local
ln -s /usr/local/node-v12.10.0-linux-x64/ /usr/local/node

#2.配置环境变量
echo "export PATH=/usr/local/node/bin:$PATH" >>/etc/profile
. /etc/profile && source /etc/profile

#3.检查是否安装成功
$ node -v
v12.10.0

注意：建议使用二进制包，不使用源码包，因为编译会有很多依赖的问题 .

1.2 优化node.js

npm config set registry https://registry.npm.taobao.org  #使用国内源下载更快
npm config get registry   #查看是否正常

1.3 升级现有nodejs版本

sudo npm install n -g  
sudo n stable    #安装最新稳定版Node

二、手动构建Node环境

上面部署完成，下面我们就来构建，Node环境主要是用于前端环境，我们这里就用于网站的前端页面，wap站，bread，或者后台页面等等,先手动也是为了确保环境，依赖关系，还有代码的正确性，为后面自动化打基础，如果您有把控，可以跳过此步骤。。。。

2.1 获取代码

mkdir  /data/jenkins -p
git@git.dgstack.com:Static/easyloan-admin.git  #拉取代码
cd easyloan-admin/

npm install    # 安装node
npm run build  # 构建打包

注意：一般没有报错，就代表构建成功了。

三、Jenkins自动化部署

3.1 安装 NodeJs 插件

点击 >> 全局工具配置

新增nodeJs

执行shell

npm install    ##每个项目的第一次需要执行，完成后，删除此项
rm -rf ./dist/*
npm run build
zip -rv /tmp/dist.zip static/ index.html
if [ $? -eq 0 ];then
  echo "打包成功"
else
  echo "打包失败"
fi