npm调试本地包
wǎng luò shí huāng 2023-02-02
npm
如何利用 npm 调试本地包并且发布包
- 参考:
- https://blog.csdn.net/weixin_44523860/article/details/121034071
- https://zhuanlan.zhihu.com/p/585596573
- 步骤:
- 我们可以拉取远程包所对应的源码;或者参考:https://github.com/HelenTim/react-input-number-editor 这个项目 新建一个自己的 npm 包。
- 修改 npm 的源码后根据 package.json 里的命令进行打包
- 例如,在https://github.com/HelenTim/react-input-number-editor 项目中,我们可以使用
npm run build或者npm run start来打包代码。- npm run start 更好,在改变包的源码之后,会自动帮我们运行打包流程。这样在项目里就可以实时预览到修改效果。
- 必须打包,否则项目里会提示找不到对应包。
- 例如,在https://github.com/HelenTim/react-input-number-editor 项目中,我们可以使用
- 以 pnpm 为例:
- 在开发包中
pnpm link --global将当前包 link 到全局 node_modules 中 - 在项目中使用
pnpm link --global @xxx即可 【这里的@xxx一定是开发包中的 package.json 中的 name】- 这一步会改变项目里 package.json 依赖文件对应的包名称或者版本号(以本地包为准)。
- 当本地 npm 包调试完成后,项目里使用
pnpm unlink 包名去除包的本地链接。
- 在开发包中
- 上传本地包到 npm 平台,然后从 npm 下载包即可使用。
- 如何发布包:https://blog.csdn.net/weixin_45032067/article/details/125434872
- 每次发布新版本时,需要增加 package.json 里的 version 值,否则发布失败。
- 使用 npm view
查看有没有发布的包信息。
- 包版本的意义