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

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
要将一个模块打npm 本地,可以按照以下步骤进行操作: 1. 在模块的根目录下创建一个 `package.json` 文件,其中含模块的名称、版本、描述等信息。可以使用 `npm init` 命令来自动生成这个文件,然后根据需要进行编辑。 2. 将模块的源代码和相关文件放在一个目录中,例如 `src` 目录。 3. 在模块的根目录下创建一个 `index.js` 文件,该文件是模块的入口文件,用于导出模块的功能。在这个文件中,可以使用 `module.exports` 语句来导出模块中的函数、变量等。例如: ```javascript module.exports = { greet: function(name) { console.log('Hello, ' + name + '!'); } }; ``` 4. (可选)如果模块依赖其他的模块,可以在 `package.json` 文件的 `dependencies` 字段中列出这些依赖项。例如: ```json { "name": "my-module", "version": "1.0.0", "description": "My awesome module", "dependencies": { "lodash": "^4.17.21" } } ``` 5. 在模块的根目录下执行以下命令将模块打为一个本地压缩: ``` npm pack ``` 6. 执行完上述命令后,会在模块的根目录下生成一个类似于 `my-module-1.0.0.tgz` 的压缩。这个文件就是我们的 npm 本地了。 7. 要在本地项目中使用这个本地,可以使用以下命令进行安装: ``` npm install /path/to/my-module-1.0.0.tgz ``` 其中 `/path/to/my-module-1.0.0.tgz` 是本地的路径。安装完成后,就可以在项目中使用这个模块了。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

乾复道

与君共勉

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值