如何优雅的在本地调试npm包

简介: 如何优雅的在本地调试npm包

前言

当你学会如何编写和发布npm包之后,就面临我们的下一个问题,npm包迭代。
在npm包迭代的过程中,我们肯定是需要调试npm包的,调试npm包有很多种方法,比如,将安装包直接放到node项目的node_modules文件夹下进行调试、通过软连接的方法进行本地调试。这里我就介绍我喜欢的那一种,通过软连接进行调试。
当然,有些无畏者说,他的代码没有bug,不需要调试。那当我没说,请出门左拐!

如何本地调试

调试第一步:

你得先有自己的npm项目包,比如我的sort-object-ml,这是一个给对象按照key值排序的包,下述将以此为例;

第二步:

在终端进入此项目,并将其通过npm link 将npm包通过软连接安装至全局,相当于npm install -g sort-object-ml;

npm link

image.png
此时已成功进行软连接安装,此时,npm包被软连接到了mac 中的/usr/local/bin下

第三步:

在某个node项目A中安装你的npm包,接下来就可以用A项目,去进行调试了;

由于这是通过软链接的方式实现的,所以我们在编辑了自己的npm包时,会同步到A项目中

第四步:

当我们调试结束,就可以解除软连接了,语句如下:

npm unlink sort-object-ml

image.png
解除软连接的时候需要npm包名,但是建立软连接的时候只需要在当前包项目下npm link就可以了,不需要写包名的哈!

注意

在调试时,项目A如果使用nodemon启动项目,也是不会触发的,因为你修改的是依赖项,所以,需要重启项目调试!!!

目录
相关文章
|
6月前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
449 1
|
1月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章介绍了npm的基础知识和常用命令,包括安装包、查看包信息、管理依赖等操作,并提供了如何删除npm安装的镜像以及如何彻底删除node_modules文件夹的具体步骤。
81 2
|
1月前
|
JavaScript 前端开发 Java
npm学习一:npm 包管理工具 学习、使用。
这篇文章是关于npm包管理工具的学习、使用指南,包括npm概述、基础命令和如何安装webpack。
56 3
npm学习一:npm 包管理工具 学习、使用。
|
30天前
|
资源调度 前端开发 安全
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
前端实战:基于Verdaccio搭建私有npm仓库,轻松上传与下载自定义npm插件包
75 0
|
2月前
|
数据安全/隐私保护
发布一个npm包
发布一个npm包
109 2
|
3月前
NPM——删除已发布的包
NPM——删除已发布的包
127 1
|
4月前
|
运维 Kubernetes Java
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
本合集将整理呈现用户在使用过程中遇到的报错及其对应的解决办法,包括但不限于账户权限设置错误、项目配置不正确、代码提交冲突、构建任务执行失败、测试环境异常、需求流转阻塞等问题。阿里云云效是一站式企业级研发协同和DevOps平台,为企业提供从需求规划、开发、测试、发布到运维、运营的全流程端到端服务和工具支撑,致力于提升企业的研发效能和创新能力。
阿里云云效操作报错合集之npm包已经发布到了制品仓库,但流水线中拉取依赖时出现404错误,该如何排查
|
3月前
|
JavaScript 前端开发 开发者
从零到一:教你如何发布自己的npm插件包
从零到一:教你如何发布自己的npm插件包
|
3月前
|
JavaScript
GitHub——自动发布NPM包
GitHub——自动发布NPM包
23 0
|
6月前
|
前端开发 JavaScript 数据安全/隐私保护
从0到1开发一个自己的npm包完整过程
创建自己的 npm 包涉及六个步骤:1) 注册 npm 账号;2) 使用 `npm init` 初始化项目,确保 package.json 的 name 唯一且 private 为 false;3) 开发项目,可封装 UI 组件、函数库或命令行工具;4) 本地调试,通过 `npm link` 在项目中测试;5) `npm login` 登录账号,可能需切换至官方仓库;6) 使用 `npm publish` 发布项目。注意版本号递增,无意义的包不建议发布。
490 2
从0到1开发一个自己的npm包完整过程

推荐镜像

更多