npm link使用

15 篇文章 0 订阅

应用场景
  两个项目文件,一个是需要被调试的项目,一个是封装的组件项目。这里要做的是把组件项目设为全局,然后在调试项目里link再进行调试。
做法
打开组件文件,拖到命令行里面复制路径(也有别的方式,但命令行绝对是最快最准确的)
打开组件的项目,cd 你复制的路径,运行npm link。(如果是刚刚拉取下来的项目需要npm install一下)
找到组件项目的package-lack.json文件,看第二行:’name’:’要复制下来的名字’
打开要调试的项目,输入npm link 刚刚复制下来的name,这个时候会返回一个格式路径:项目modules链接的路径 -> 本地调试路径 -> 项目所在地址路径,基本上是这样:/Users/Desktop/...(组件项目的名字)/node_modules/...name名字 -> /user/local/lib/node_moudles/...name的名字 -> /Users/DeskTop/...(组件项目的名字)。出现这个路径的话就证明链接成功了。然后在调试项目里面就可以任意调试了。不过这个路径的解释我还不是很清楚,只是我的初步想法应该是这样。

查了一下资料,解释是这样的:
这个命令主要做了两件事:

为npm包目录创建软链接,将其链到{prefix}/lib/node_modules/<package>
为可执行文件(bin)创建软链接,将其链到{prefix}/bin/{name}
以上两个路径是官方文档给出的路径,这两个路径是Linux平台上的。

在Windows平台中,这两个路径为:
  目录: C:\Users\{Username}\AppData\Roaming\npm\node_modules\<package>
  文件: C:\Users\{Username}\AppData\Roaming\npm\<name>


2020年7月9日更新

用了好久的npm link,发现自己真是太蠢了。
用法:组件A项目&&逻辑B项目(B link到A然后进行开发)

 - cd A项目的地址
 - npm link(将A项目link为全局的)
    这时候会出现XXX路径1 ->  XXX路径2
 - 复制下来路径2,去到逻辑B项目
 - npm link XXX路径2
 

一个很简单的问题搞了三天…

关于卸载这个软链: tnpm unlink XXX路径2

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值