Jenkins 下使用 Node 和 Npm(借助 nvm-wrapper 插件)构建前端程序

一、前言

搭建完Jenkins后,如何使用node进行构建前端呢,多个项目会使用的node的多个版本。如何动态指定node的版本进行构建呢。

方案一:

安装多个node版本,然后进行指定。这样比较麻烦。

方案二:

使用Jenkins的nvm-wrapper插件,不需要安装多个node了,需要哪个版本,指定即可。(推荐使用)

下面基于方案二做具体说明:

二、Jenkins安装nvm-wrapper插件

再 系统管理 -> 插件管理 搜索nvm-wrapper插件,进行安装。因为我已经安装,在搜索框中搜索不到了。

在已安装里面,可以搜索到。

安装完之后,不用做全局配置。接下来,就是再项目中如何使用了。

三、项目指定node版本

安装插件完之后,这里就会多出一个选项为:Run the build in an NVM managed environment

勾选,然后填入该项目构建需要的node版本即可。底下的框不用输入任何东西。等你点击底部的"应用"或"保存"后,会自动填充上。

如图:

然后,通过命令就可以对前端项目进行构建了。

如下图:

node -v :可以查看node的版本

npm进行插件安装构建

npm install :插件安装

npm run build:项目构建

相关推荐
一枚前端小姐姐13 小时前
低代码平台表单设计系统架构分析(实战一)
前端·低代码·架构
HelloReader13 小时前
Tauri 1.0 升级到 Tauri 2.0从“能跑”到“跑得稳”的迁移实战指南(含移动端准备、配置重构、插件化 API、权限系统)
前端
JunjunZ13 小时前
uniapp 文件预览:从文件流到多格式预览的完整实现
前端·uni-app
_Eleven13 小时前
React 19 深度解析:Actions 与 use API 源码揭秘
前端
_AaronWong14 小时前
Vue3+Element Plus 通用表格组件封装与使用实践
前端·javascript·vue.js
前端西瓜哥14 小时前
图形编辑器开发:文字排版如何实现自动换行?
前端
全栈老石14 小时前
手写一个无限画布 #3:如何在Canvas 层上建立事件体系
前端·javascript·canvas
晴殇i14 小时前
BroadcastChannel:浏览器原生跨标签页通信
前端·面试
DeathGhost14 小时前
分享URL地址到微信朋友圈没有缩略图?
前端·html
MrBread14 小时前
微任务链式派生阻塞渲染
前端·debug