npm link的作用——避免频繁发布更新
web-components 里面的组件库 修改频繁 可以使用link 创建链接,引用放就不需要每次都重新发布重新安装更新了
功能
在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试
使用方法
创建链接
在这里,我们有两个项目,一个是npm-link-module
,是我们要开发的npm模块,另一个是npm-link-example
,是我们要运行npm模块的项目
首先,进入我们的npm-link-module
项目,执行npm link
cd npm-link-module
npm link
执行命令后,npm-link-module会根据package.json上的配置,被链接到全局,路径是{prefix}/lib/node_modules/<package>
,这是官方文档上的描述,我们可以使用npm config get prefix
命令获取到prefix的值(不过我这里使用的是windows,实际被链接到的路径是{prefix}/node_modules/<package>
,不知道是不是npm升级的原因),如果是win系统的话,实际观察,会发现在{prefix}/lib/node_modules/<package>
路径下的node-link-module
是一个快捷方式

然后,进入npm-link-example
项目,执行 npm link npm-link-module
cd npm-link-example
npm link npm-link-module
npm-link-module
会被链接到 npm-link-example/node_modules
下面,同样也是快捷方式

OK,链接创建完成
代码实践
好,让我们测试一下创建链接之后会有哪些便利
之前在npm-link-module
里,我是这样写的

我们在npm-link-example
引用然后运行

运行成功
然后,我们修改下npm-link-module

再次运行npm-link-example

看到了吧,所有对npm-link-module
的修改会被直接映射到 npm-link-example/node_modules/npm-link-module
下面
链接:https://www.jianshu.com/p/aaa7db89a5b2
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· AI与.NET技术实操系列(二):开始使用ML.NET
· 记一次.NET内存居高不下排查解决与启示
· 探究高空视频全景AR技术的实现原理
· 理解Rust引用及其生命周期标识(上)
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
2018-01-22 JavaScript中双叹号(!!)作用
2018-01-22 JSON对象添加删除属性