npm包开发及私有仓库配置使用

原因:一个项目多个系统之间存在可复用的代码,重复的复制粘贴及修改,偶尔也会遗漏。集中管理和维护,提升代码复用率和维护效率

开发npm包

初始化项目

生成package.json文件

csharp 复制代码
npm init -y
json 复制代码
{
  "name": "product-npm", // 包名称
  "version": "1.0.0", // 包版本信息
  "description": "",
  "main": "dist/index.js", // 包的入口文件
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "rollup --config"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

编写代码内容及打包

安装 rollupjs 进行打包,生成dist文件夹,内容存放在该文件夹下。 main的值也需根据输出地址进行变更

选择 verdaccio 进行私有仓库管理

全局安装verdaccio

cmd 复制代码
npm i verdaccio -g

检查是否安装成功

显示版本号即为成功

cmd 复制代码
verdaccio -v

运行 verdaccio

cmd 复制代码
verdaccio

终端会显示 config file 和 http address

config file - 配置文件的地址

htpp address - 仓库的管理界面

添加用户

执行命令后,根据终端的提示设置用户名、密码、邮箱

cmd 复制代码
npm add user --registry http://localhost:4873/
# --registry http://localhost:4873/ 指定仓库源

如出现报错需要检查配置文件中max_users是否有设置(默认被注释了)且值不能为1

yaml 复制代码
auth:
  htpasswd:
    file: ./htpasswd
    # Maximum amount of users allowed to register, defaults to "+inf".
    # You can set this to -1 to disable registration. 如果为-1禁止注册
    max_users: 1000
    # Hash algorithm, possible options are: "bcrypt", "md5", "sha1", "crypt".
    # algorithm: bcrypt # by default is crypt, but is recommended use bcrypt for new installations
    # Rounds number for "bcrypt", will be ignored for other algorithms.
    # rounds: 10

登录用户

arduino 复制代码
npm login --registry http://localhost:4873/

发布\更新包

在包根目录执行

arduino 复制代码
npm publish --registry http://localhost:4873/

如出现报错需要检查package.json文件下version是否有变更

删除包

css 复制代码
npm unpublish product-npm[包名] --registry http://localhost:4873/

使用

由于verdaccio部署在自己的电脑下,所以在项目里直接 install 即可

css 复制代码
npm i product-npm --registry http://localhost:4873/

同事需要使用时,则将localhost变为对应的我的电脑的ip

css 复制代码
npm i product-npm --registry http://192.168.1.6:4873/

如出现无法安装需要检查配置文件中listen参数,开启0.0.0.0,以致可通过ip访问

shell 复制代码
# https://verdaccio.org/docs/configuration#listen-port
listen:
  # - localhost:4873            # default value
  # - http://localhost:4873     # same thing
  - 0.0.0.0:4873              # listen on all addresses (INADDR_ANY)
#   - https://example.org:4873  # if you want to use https
#   - "[::1]:4873"              # ipv6
#   - unix:/tmp/verdaccio.sock  # unix socket
相关推荐
qq_4371006625 分钟前
SSE 流式响应(Server-Sent Events)
前端·sse
十六年开源服务商28 分钟前
游戏与设计驱动WordPress建站2026
java·前端·游戏
ZC跨境爬虫33 分钟前
UI前端美化技能提升日志day7:(原生苹方字体全局适配+合规页脚完整像素级落地)
前端·javascript·ui·html·交互
好运的阿财37 分钟前
OpenClaw工具拆解之tts+web_search
前端·javascript·python·ai·ai编程·openclaw·openclaw工具
whinc1 小时前
Node.js技术周刊 2026年第17周
前端·javascript
nbsaas-boot1 小时前
100万门店级分货系统架构设计
前端·javascript·vue.js
GISer_Jing1 小时前
《Claude Code Hooks:AI编程工具的高级控制指南》
前端·人工智能·microsoft·ai编程
爱上好庆祝2 小时前
学习js的第2天
前端·css·学习·html·css3
Csvn2 小时前
SEO 优化
前端
天外飞雨道沧桑2 小时前
详解CSS中的Containing Block:概念、规则与实战解析
前端·css