npm link

1,796 阅读1分钟

前言:无知的我在开发组件的时候,在另一个测试项目中想使用开发的组件,都是先发布到npm然后在测试项目中反复uninstal,install。。。后来才知道有npm link,在次记录一下。

npm link

最近在开发一个React音乐组件,如下所示

GANWFK%AXJ)SY09{V_ZZ%73.png

首先,工程化就是一个很大的难关,之前没有接触过,所以举步艰辛...从开发到生产的过程还是有许多要研究的地方。但是在测试的时候,就像前言里面说的一样,我真的是很蠢。。。npm官方给我发的邮件都快40几条了qwq,如下所示。

image.png

后来才发现,使用npm link可以避免我们将有错误的包发布到npm上,在本地进行调试。具体做法如下。

1:开发完成之后,npm link,完成之后该项目会添加到全局npm的安装路径中,默认是 C:\Users\username\AppData\Roaming\npm\node_modules

image.png

2:在要使用该包的项目中使用npm link <packageName>来连接到全局中的这个package,如下所示

image.png

效果

它就自动连接到我的hnustwjj-music开发时的项目的package.jsonmain字段指向的文件夹了

image.png

本质上就是用npm link将两个项目建立连接。

不喜勿喷,仅作记录qwq。