npm 包本地调试(详细流程:包本地路径、npm link 、yalc)

简介: npm 包本地调试(详细流程:包本地路径、npm link 、yalc)

一、使用 包本地路径安装

  • package.json 中的包名叫 dzmtest(这个才是重点),包的文件夹名 test
  • 获取到包的文件夹路径


  • 执行安装命令,然后提示安装成功
$ npm install 包文件夹路径
# 例如:
$ npm install /Users/dengzemiao/Desktop/Project/npm/test
+ dzmtest@1.0.2
added 1 package, removed 1 package and audited 845 packages in 4.194s
91 packages are looking for funding
  run `npm fund` for details
found 1 high severity vulnerability
  run `npm audit fix` to fix them, or `npm audit` for details
  • package.json 中展示结果

二、使用 npm link

  • 第一步到包文件夹根目录执行命令
# 创建软链接
$ npm link
# 释放软链接
$ npm unlink
  • 第二步直接使用,执行命令后,在 node_modules 文件夹中就能找到 dzmtest 包了,正常使用即可,package.json 文件中不会显示。
# 使用软链接
$ npm link dzmtest
  • 移除软连接
# 移除
$ npm unlink dzmtest
  • 调试小细节:测试 ts 库时,在 npm 包 内修改调整后,再次执行 npm link 同步代码后,测试工程中更新到了新的 npm 包 内容,但是发现没有生效,这个时候可以通过重启 vscode 解决,比如 ts 的数据类型校验等…

三、上面两种方案的使用结果

  • 使用结果



附:使用 Yalc 进行本地 npm 包的调试
目录
打赏
0
0
0
0
268
分享
相关文章
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
159 2
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具
npm、cnpm 和 pnpm 是三种常用的 Node.js 包管理工具。npm 是官方默认的包管理器,提供依赖管理、安装和更新等功能;cnpm 是由阿里巴巴开发的 npm 镜像,专为中国大陆用户优化,解决下载速度慢的问题;pnpm 通过硬链接技术提高安装速度并节省磁盘空间,特别适合磁盘资源紧张的环境。三者命令类似,但各有特色,开发者可根据需求选择合适的工具。
130 5
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
123 3
npm学习一:npm 包管理工具 学习、使用。
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
238 0
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
7月前
NPM——删除已发布的包
NPM——删除已发布的包
197 1
|
7月前
|
GitHub——自动发布NPM包
GitHub——自动发布NPM包
68 0

热门文章

最新文章

推荐镜像

更多
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等