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
相关推荐
鹏北海13 分钟前
micro-app 微前端项目部署指南
前端·nginx·微服务
发现一只大呆瓜16 分钟前
虚拟列表:从定高到动态高度的 Vue 3 & React 满分实现
前端·vue.js·react.js
css趣多多20 分钟前
add组件增删改的表单处理
java·服务器·前端
证榜样呀25 分钟前
2026 大专计算机专业必考证书推荐什么
大数据·前端
蓝帆傲亦32 分钟前
前端性能极速优化完全指南:从加载秒开体验到丝滑交互
前端·交互
鱼毓屿御44 分钟前
如何给用户添加权限
前端·javascript·vue.js
JustHappy1 小时前
「web extensions🛠️」有关浏览器扩展,开发前你需要知道一些......
前端·javascript·开源
何中应1 小时前
nvm安装使用
前端·node.js·开发工具
雯0609~1 小时前
hiprint:实现项目部署与打印3-vue版本-独立出模板设计与模板打印页面
前端·vue.js·arcgis
杜子不疼.1 小时前
【Linux】教你在 Linux 上搭建 Web 服务器,步骤清晰无门槛
linux·服务器·前端