如何优雅的在本地调试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启动项目,也是不会触发的,因为你修改的是依赖项,所以,需要重启项目调试!!!

目录
相关文章
|
2天前
|
前端开发 小程序 API
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
【微信小程序】-- 使用 npm 包 - API Promise化(四十二)
|
2天前
|
资源调度 小程序 前端开发
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
【微信小程序】-- 使用 npm 包 - Vant Weapp(四十一)
|
2天前
|
JavaScript Linux 数据安全/隐私保护
node内网安装npm私服以及依赖包上传发布verdaccio
node内网安装npm私服以及依赖包上传发布verdaccio
110 1
|
2天前
|
资源调度 小程序 前端开发
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
【微信小程序】-- npm包总结 --- 基础篇完结(四十七)
|
2天前
|
JavaScript
Nodejs 第七章(发布npm包)
Nodejs 第七章(发布npm包)
31 0
|
2天前
查看 npm 包下载量(简单快捷,数据精确)
查看 npm 包下载量(简单快捷,数据精确)
217 0
|
2天前
|
资源调度
#发布npm包遇到错误,因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
#发布npm包遇到错误,因为用了淘宝镜像地址的原因的解决方法-403 403 Forbidden - PUT https://registry.npmmirror.com/-/user/org.cou
173 0
|
2天前
|
JavaScript 前端开发
实现自动扫描工作区npm包并同步cnpm
前言 在开发一个多npm包的项目时,时常会一次更新多个包的代码,再批量发布到 npm 镜像源后。 由于国内网络环境的原因,大部分都会使用淘宝的镜像源进行依赖安装,为了确保发布后,通过淘宝源能够顺利的安装,通常会手动同步一下 cnpm sync vue react 但在一些大型的 monorepo 的多包工程里,手动输入包名是一件非常繁琐的事情,所以准备把输入的过程简化一下,改成自动扫描工作区的包名,然后自动同步。 进而有了这个工具 工具的使用 直接通过 npx 运行即可,将自动扫描所有的包
|
2天前
|
缓存
发布第一个npm包的过程记录
发布第一个npm包的过程记录
12 0
|
2天前
|
小程序 开发工具 开发者
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
【微信小程序】微信开发者工具 引用 vant-weapp时“miniprogram/node_modules/@babel/runtime/index.js: 未找到npm包入口文件” 解决办法
29 1

推荐镜像

更多