npm 包发布与 npm link 本地调试包

533 阅读1分钟

包发布

创建包
  • 在文件夹根目录创建 package.json 文件夹,README.md
    • package.json 结构配置文件
    • README.md 包描述文档 image.png
  • 创建包加载时的入口文件(与package.json 中 main 值保持一致)导出包被加载的方法或构建好的文件或包内容

image.png

image.png

发布包
  1. 登录:终端输入 npm login 登录 npm 账号密码、邮箱
  2. 执行命令 npm publish,发包前确认 npm 包是否已有,有会发布失败
  • 登录或者发包前需把 npm 切换到 npm 官方源地址,使用淘宝镜像源会登录报错和发包失败
  • 如果登录报错 code 403,切换镜像源至国外 NPM 源

image.png

npm link 包调试

下方 my-app 是我的项目,my-npm 是我需要在本地调试的 npm 包 image.png

创建软链
  • 在 mynpm 目录下执行 npm link
本地连接
  • my-app 目录下先执行 npm unlink 卸载所需要调试的包名,如:npm unlink my-lh-tools
    • 本地项目有安装这个依赖包需要先卸载这个包,不卸载调试不成功 image.png
  • my-app 目录执行 npm link 包名,如:npm unlink my-lh-tools

image.png

查看所有全局连接的包
  • npm ls --global --depth 0

image.png

断开软链连接
  • npm unlink 包名,如:npm unlink my-lh-tools