使用 pnpm pack 命令本地调试 npm 包

  最近本地开发 npm 包,发现 pnpm pack 可以很方便的验证效果,比 pnpm link 好用点,不需要频繁的发 beta 包,记录一下。

一、npm 包

  在 npm 包的根目录先执行构建命令,一般是 pnpm build,再执行 pnpm pack 命令,会出现一个包名加版本号的 tgz 压缩文件,压缩包的内容和 npm publish 发布的包内容一致,这样就可以更准确的验证效果了。建议执行命令前修改下 npm 包 package.json 文件的 version 属性,方便区分。

二、目标项目

  删除 node_modules,复制上述 tgz 压缩文件的绝对路径,在目标项目的根目录执行下方命令,建议执行后再补一次 pnpm i-w 是 workspace 的标识,可以忽略。

1
pnpm install /Users/liuyi/Desktop/Projects/dtstack/monaco-sql-languages/monaco-sql-languages-0.12.3-beta.0.tgz -w

三、其他

  推荐一个好用的 VSCode 插件 Search node_modules,自行设置快捷键后,可以快速的找到 node_modules 中依赖的目录结构和路径。

以上

随笔标题:使用 pnpm pack 命令本地调试 npm 包

随笔作者:刘先玉

发布时间:2024年05月29日 - 21:01:50

最后更新:2024年05月29日 - 21:01:50

原文链接:https://liuxianyu.cn/article/pnpm-pack.html