一文讲懂Npm Link,你会了吗?

开发 前端
在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试。

[[421324]]

本文转载自微信公众号「前端壹栈」,作者落落落洛克。转载本文请联系前端壹栈公众号。

前言

在本地开发npm模块的时候,我们可以使用npm link命令,将npm 模块链接到对应的运行项目中去,方便地对模块进行调试和测试

用法

包链接是一个两步过程:

1.为依赖项创建全局软链npm link。一个符号链接,简称软链,是一个快捷方式,指向系统上的其它目录或文件。

2.告诉应用程序使用全局软链npm link some-dep。

  1. cd ~/projects/some-dep  
  2. npm link # 步骤 1.  
  3. cd ~/projects/my-app  
  4. npm link some-dep # 步骤 2. 

我们可以像往常一样在some-dep项目上进行开发. 然后my-app依赖some-dep也是最新的代码。软链是指向本地的,并不会提交到git,这非常有利于我们的调试

调试

如果使用VSCode并想在some-dep中设置断点,你需要在调试器中为my-app启用软链。这样做是通过设置

  1. “runtimeArgs”:[  
  2.   “-- preserve -symlinks”  

在launch.json。

在代码中的调试配置中启用符号链接

恢复

当我们不想再使用本地版本时some-dep,请删除软链。但请注意,npm unlink是npm uninstall的别名

  1. cd ~/projects/my-app  
  2. npm uninstall --no-save some-dep && npm install 

也清理全局链接,但它的存在不会影响到my-app.

  1. cd ~/projects/some-dep  
  2. npm uninstall # 删除全软链链接 

总结

 

掌握npm link的两步流程是对任何Node.js开发者的工具集的一个有益补充。这个过程包括在依赖关系中运行npm link,以及在应用中运行npm link some-dep。(另外多提一点现代包管理工具pnpm也是利用软链来管理它的依赖视图)

 

责任编辑:武晓燕 来源: 前端壹栈
相关推荐

2023-03-10 22:08:20

2024-03-01 08:13:45

Shell编程解释器

2024-09-26 09:10:08

2024-10-28 00:00:03

IP属地地址

2021-05-19 14:22:46

代码开发项目

2021-06-08 11:36:07

服务微服务框架

2024-08-12 12:30:27

2024-11-13 11:12:08

JVM内存区域

2021-04-26 10:30:43

USB4设备Thunderbolt

2020-03-26 09:18:54

高薪本质因素

2024-01-19 08:25:38

死锁Java通信

2024-02-04 00:00:00

Effect数据组件

2023-01-10 08:43:15

定义DDD架构

2022-04-01 08:23:17

InputstreString字符串

2023-07-26 13:11:21

ChatGPT平台工具

2023-08-01 12:51:18

WebGPT机器学习模型

2024-01-02 12:05:26

Java并发编程

2021-12-07 08:27:19

RTTI运行类型

2024-08-13 17:09:00

架构分库分表开发

2020-08-04 10:56:09

进程线程协程
点赞
收藏

51CTO技术栈公众号