npm【二】本地调试 npm 模块 —— npm link

本文介绍如何在本地调试npm模块,包括通过包本地路径安装和使用`npm link`进行集成测试的方法。首先,讲解在package.json中配置本地路径安装公共组件的步骤,然后详细阐述`npm link`的使用过程,包括在组件包根目录执行命令及在项目中正常引用该包的方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

背景

在项目开发过程中,随着项目越来越大,公共的组件或方法越来越多,会将一些功能封装成可独立发布的npm包。但在开发调试的时候存在一个问题,如何将使用该库的项目代码集成测试?
此例子包基于npm【一】文章

一、使用 包本地路径安装

  • package.json 中的包名叫 sos-map-ui

  • 获取到包的文件夹路径

在这里插入图片描述

npm install F:\sisimi\myProject\sos-ol-map

在这里插入图片描述

  • 执行安装命令,然后提示安装成功

在这里插入图片描述
在 package.json 中展示结果
在这里插入图片描述

二、使用 npm link

  • 第一步到包文件夹根目录执行命令(自定义组件包文件夹)
# 创建软链接
$ npm link

# 释放软链接
$ npm unlink

在这里插入图片描述

  • 第二步直接使用,执行命令后,在 node_modules 文件夹中就能找到 sos-map-ul 包了,正常使用即可,package.json
    文件中不会显示。
# 使用软链接
$ npm link sos-map-ul
  • 移除软连接
# 移除
$ npm unlink dzmtest
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值