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任务
在这里插入图片描述

2.填写vue项目的git地址,添加git用户登录凭证,默认是master分支
在这里插入图片描述

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

4.点击构建(第一次构建肯定是失败的,让jenkins生成工作目录)
构建之后,会在jenkins/workspace下生成这次项目的工作目录
在这里插入图片描述

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

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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值