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:项目构建

相关推荐
漫游的渔夫7 小时前
前端开发者做多步 Agent:别让 AI 边想边乱跑,用 Plan-Act-Observe 稳住 4 步任务
前端·人工智能·typescript
一锤捌拾7 小时前
V8引擎精品漫游指南--Ignition篇(下 一) 动态执行前的事情
前端·javascript
遇见~未来7 小时前
第六篇_CSS进阶_深入浏览器与工程化
前端·css·rust
Cache技术分享7 小时前
397. Java 文件操作基础 - 创建常规文件与临时文件
前端·后端
Daybreak7 小时前
Vercel Serverless 调国内 AI 接口 504?Edge Runtime 救了我
前端
zubylon7 小时前
Ollama 本地起一个开发助手
前端·人工智能
遇见~未来7 小时前
第五篇_构建真实页面_组件_响应式_维护性
前端·css3
魔士于安7 小时前
Unity完整小球迷宫项目
前端·unity·游戏引擎·贴图·模型
irpywp8 小时前
苦于AI生成的网页千篇一律且粗糙?design-md-chrome :一款网页样式提取插件 ,将任意网站的视觉规范转化为大模型可读的代码指令!
前端·人工智能·chrome·开源·github
xingpanvip8 小时前
星盘接口开发文档:日运语料接口指南
android·开发语言·前端·css·php·lua