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 包的调试

相关文章
|
1月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
82 2
|
1月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
58 3
npm学习一:npm 包管理工具 学习、使用。
|
1月前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
81 0
|
2月前
|
数据安全/隐私保护
发布一个npm包
发布一个npm包
111 2
|
3月前
NPM——删除已发布的包
NPM——删除已发布的包
135 1
|
4月前
|
运维 Kubernetes Java
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
3月前
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包
|
3月前
|
JavaScript
GitHub——自动发布NPM包
GitHub——自动发布NPM包
25 0
|
4月前
|
JavaScript 测试技术
npm发布自己的插件包
npm发布自己的插件包
|
4月前
|
JavaScript 开发工具 数据安全/隐私保护
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
npm包【详解】(内含npm包的开发、发布、安装、更新、搜索、卸载、查看、版本号更新规则、package.json详解等)
106 0