如何搭建本地的 NPM 私有仓库 Nexus

NPM 本地私有仓库,是在本地搭建NPM私有仓库,对公司级别的组件库进行管理。在日常开发中,经常会遇到抽象公共组件的场景,在项目内部进行公用。新的项目开始时,也会拷贝一份创建一个新的项目,这样做不易于管理,也没有进行有效的版本控制,组件升级之后,也很难对已有项目进行更新,最后个项目各自为政,各自维护,新开发功能不能共享。

公司的共用组件大多是公司内部资产,由于涉及到知识产权的问题,禁止发布到公网。所以,内部前端私有仓库非常有必要,开源的 NPM 私有仓库又很多选择,轻量级例如Verdaccio,我这里用的是 Nexus,Nexus 的优势是,它不仅支持 NPM 私有仓库,也支持 Maven 的私有仓库,这样前后端都可以用同一个系统去管理,减轻了运维的压力。

安装

使用 docker 进行安装,进入查看是否安装成功 http://localhost:8081/

复制代码
docker run -d -p 8081:8081 --name nexus -v nexus-data:/nexus-data sonatype/nexus3

## 查找 admin 密码
docker exec -ti nexus cat /opt/sonatype/sonatype-work/nexus3/admin.password

创建项目

下面我们添加一个项目进行测试

  1. 创建测试项目

    mkdir test-module
    cd test-module
    npm init -y

2 添加文件 index.js

复制代码
function greet(name) {
    return `Hello, ${name}!`;
}

module.exports = greet;
  1. 创建仓库

    输入名称,设置是否允许更新,这里设置的是允许重新发布。

    设置 Security -- Realms,激活 npm Bearer Token Realm

  2. 提交新项目

设置 registry

复制代码
npm config set registry http://nexus-server-url:8081/repository/localnpm/

登录并提交项目

复制代码
npm login --registry=http://nexus-server-url:8081/repository/localnpm/
npm publish

检查项目是否上传成功

  1. 设置 repository group,由于本地仓库初始化时只有内部库,而开发项目时我们需要很多三方库,Nexus 支持缓存外部库。拉取时我们要指定 registry 为 repository group,这个group 包括两个本地仓库和代理仓库,本地库找不到,就去代理库找,添加代理仓库和仓库组。
    添加 npm proxy,设置taobao 镜像地址

    添加仓库组:

    设置registry 并测试

    #设置registry,这样可以拉到本地库和远程三方库
    npm config set registry http://nexus-server-url:8081/repository/npm-all/

    #发布时要指定为本地仓
    npm publish --registry http://nexus-server-url:8081/repository/localnpm/

相关推荐
易知微EasyV数据可视化33 分钟前
定制化3D组件开发:打造差异化孪生体验
前端·人工智能·经验分享·数字孪生
前端炒粉1 小时前
Vue2 SSE 流式对话完整前端代码
前端·sse·流式输出
BIM云平台开发2 小时前
【App.vue里跟踪页面跳转和用户ID】
开发语言·前端·javascript
汪汪大队u2 小时前
Zabbix 6.0 部署踩坑记:从启动失败到 Web 成功访问
前端·zabbix
顺颂时绥_12 小时前
new Set 过滤数据实战
前端
赵大仁2 小时前
Next.js + Vercel AI SDK 实战:30 分钟搭出流式 Chat 页面
前端·ai·实战·react·next.js·vercel
云空3 小时前
《Three.js 完整版3D魔方:带贴纸+中心固定+自动求解复原》
前端·javascript·3d·three.js
酸梅果茶3 小时前
【7】lightning_lm项目-LIO 前端 -IVox 局部地图
前端·slam
gis开发之家3 小时前
《Vue3 从入门到大神33篇》Vue3 源码详解(三):响应式核心思想——从 Object.defineProperty 到 Proxy
前端·javascript·vue.js·vue3·vue3源码
Hyyy3 小时前
流式渲染的基础——SSE
前端·后端·面试