调试、发布自己的 npm 包

查看 npm 的配置

sh 复制代码
npm config ls

登录

  • whoami 查看当前登录的用户
sh 复制代码
npm whoami
  • aduser 登录
    adduser 有以下参数:
    • --scope 作用域
    • --registry 注册地址 默认地址:https://registry.npmjs.org/,也可通过.npmrc文件配置
      npm loginnpm adduser的别名

指定作用域、注册地址登录

sh 复制代码
npm login --scope=@myco --registry=http://myregistry.example.com
sh 复制代码
npm login

发布

npm @next tag alpha

  • 发布 tag 为 latest 的版本
bash 复制代码
npm publish
  • 发布 tag 为 next 的版本 alpha、beta 同理
bash 复制代码
npm publish --tag=next
  • 发布公共的团队包, 附加参数 --access=public
bash 复制代码
npm publish --registry=https://registry.npmjs.org --access=public

查看全局安装的 npm 包

bash 复制代码
npm ls -g --lenght=1

调试 npm 包

方式 1:将构建产物往 node_modules 中指定包去覆盖

  1. 在 npm 包源码工程中执行
bash 复制代码
npm link

目的是创建一个全局的链接

  1. 将全局包安装到当前在业务工程中
sh 复制代码
npm link <my-npm>

若要取消 npm 包的 link

在 npm 包源码工程中,执行 npm unlink -g <my-npm>

方式 3:npm pack 方式

生成一个 npm 私仓(比如 nexus)的压缩包, 然后在业务工程中直接安装它

  1. 在 npm 包源码工程中执行
bash 复制代码
npm pack
  1. 在使用的当前业务工程中执行
bash 复制代码
npm install [packageName].tgz
相关推荐
袁煦丞26 分钟前
【局域网秒传神器】LocalSend:cpolar内网穿透实验室第418个成功挑战
前端·程序员·远程工作
江城开朗的豌豆27 分钟前
Vuex数据突然消失?六招教你轻松找回来!
前端·javascript·vue.js
好奇心笔记37 分钟前
ai写代码随机拉大的,所以我准备给AI出一个设计规范
前端·javascript
江城开朗的豌豆37 分钟前
Vue状态管理进阶:数据到底是怎么"跑"的?
前端·javascript·vue.js
用户214118326360238 分钟前
dify案例分享-Dify v1.6.0 重磅升级:双向 MCP 协议引爆 AI 生态互联革命
前端
程序员海军39 分钟前
AI领域又新增协议: AG-UI
前端·openai·agent
我想说一句41 分钟前
React待办事项开发记:Hook魔法与组件间的悄悄话
前端·javascript·前端框架
真夜41 分钟前
CommonJS与ESM
前端·javascript
LaoZhangAI42 分钟前
GPT-image-1 API如何传多图:开发者完全指南
前端·后端
G等你下课43 分钟前
从点击到执行:如何优雅地控制高频事件触发频率
前端·javascript·面试