npm link 本地包调试 使用未发布包

创建 npm 包软链接只需 两步

第一步

将未发布的包设置为全局包,在根目录下,执行:

npm link

在一个包文件夹内执行 npm link 将在全局文件 {prefix}/lib/node_modules/ 内,创建一个符号链接(symlink),这个链接指向 npm link 命令执行的地方。

第二步

在需要使用该包的项目根目录下,执行:

npm link packageName

npm link packageName 命令,将会创建一个从全局安装的 packageName 到当前文件内的 node_modules 下的符号链接。

需要注意:

  • packageName 是取自包的 package.json 中 name 字段,不是文件夹名称。

  • 包的名称可能有作用域前缀,如果有, packageName 也要对应加上。

  • 包的 browser, module, main 的导出文件,有些包可能只导出了构建后的产物,未构建就使用可能会报错或不能同步更新;建议源码导出;

  • 可能需要重启 vscode,之后就可以看到 node_modules 下对该包的依赖多了软链接符号,直接链接到包项目代码;

npm unlink:解除软链接

在使用改包的项目下执行的命令:

npm unlink --no-save packageName && npm install packageName 

npm uninstall 文档中可以发现,unlink 其实是 uninstall 的别名,实质上也是删除了包。

包不需要的 link 的时候,建议也解除

包目录下执行下面的命令:

npm unlink
posted @ 2023-01-09 11:57  大_大汤  阅读(1297)  评论(0编辑  收藏  举报