npm link使用

 2023-09-05 阅读 99 评论 0

摘要:应用场景:   两个项目文件,一个是需要被调试的项目,一个是封装的组件项目。这里要做的是把组件项目设为全局,然后在调试项目里link再进行调试。 做法: 打开组件文件,拖到命令行里面复制路径(也有别的方式,但命令行

应用场景
  两个项目文件,一个是需要被调试的项目,一个是封装的组件项目。这里要做的是把组件项目设为全局,然后在调试项目里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

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://808629.com/376.html

发表评论:

本站为非赢利网站,部分文章来源或改编自互联网及其他公众平台,主要目的在于分享信息,版权归原作者所有,内容仅供读者参考,如有侵权请联系我们删除!

Copyright © 2022 86后生记录生活 Inc. 保留所有权利。

底部版权信息