jenkins上部署vue项目构建打包

由于公司内网开发,vue项目的node_modules依赖,大都是由外网npm下载好,再复制到内网的,所以在使用jenkins自动化构建时会出现诸多问题,即使是jenkins服务器上的npm修改了registry的地址的地址为公司自用的registry,也会出现npm install失败问题(因为早已经脱离了npm 管理~~),所以将这种特殊情况记录

一、linux上安装node.js

1、node.js官网上下载对应版本的包(注意看下linux是32位的还是64位的,查看命令:uname -m);上传到要安装的目录,解压:

tar -zxvf node-v12.12.0-xxxx.tar.gz

2.创建软连接(假设node.js的安装路径时/opt/node)

ln -s /opt/node/bin/node /usr/local/bin/node
ln -s /opt/node/bin/npm /usr/local/bin/npm

3.配置环境变量
编辑 /etc/profile文件,添加:

export NODE_HOME=/opt/node
export PATH=$PATH:\$NODE_HOME/bin

刷新使其生效

source  /etc/profile

4.输入node -v 和 npm -v 验证是否成功

二、jenkins创建构建项目

1、点击新建item,创建一个Freestyle project任务
jenkins上部署vue项目构建打包_第1张图片

2.填写vue项目的git地址,添加git用户登录凭证,默认是master分支
jenkins上部署vue项目构建打包_第2张图片

3.填写构建的配置,选择 增加构建步骤 —Excute shell;填写构建脚本
(这里是因为我vue项目环境依赖问题,构建脚本中没有npm install,是手动复制node_modules的;正常的项目先npm install 在npm run build)
jenkins上部署vue项目构建打包_第3张图片
保存就可以了

4.点击构建(第一次构建肯定是失败的,让jenkins生成工作目录)
构建之后,会在jenkins/workspace下生成这次项目的工作目录
jenkins上部署vue项目构建打包_第4张图片

5.进入到jenkins的工作目录,将node_modules复制进去(因为之前是在window上开发的,所以node-sass的node环境是window的,没有linux的),去https://github.com/sass/node-sass/releases/tag下载对应的linux节点文件
jenkins上部署vue项目构建打包_第5张图片
进入到node_modules/node-sass/vendor下,新建liunx-x64-72目录,将下载的binding.node文件上传上去 (注意要将文件名改成binding.node)
jenkins上部署vue项目构建打包_第6张图片

6.再次构建,就可以成功构建啦~

你可能感兴趣的:(study,jenkins,vue.js,运维)