前端必备技能!一文读懂如何调试node_module内源码

MonsterQy 2024-06-16 09:33:01 阅读 75

背景:

项目开发中发现有一个bug问题可能原因出现在node_module内的包问题,但是发现直接调试该包源码是无法正常console的,这对于开发定位问题来说十分不友好。本文仅介绍如何定位npm包的问题和调试方法,但是要注意修改后再npm i 又会覆盖掉修改,如何避免这个问题网上有相关文章,笔者暂未实践。


方法:

其实大概思路就是通过npx命令建立一个项目代码下的npm包和node_module内的同名npm包链接,使得调用转向本地调用

1。首先,确保你的本地包的 package.json 文件中已经设置了 “name” 属性,且与 node_modules 中的包名相同。

2.在本地包的目录中运行 npm link 命令。这将在全局 node_modules 目录中创建一个符号链接(symlink)指向你的本地包。例如,如果你的本地包名为 my-package,则运行:

cd path/to/my-packagenpm link

3.接下来,转到使用该包的项目目录,并运行 npm link my-package,将项目中的 my-package 替换为指向本地包的符号链接。例如:

cd path/to/my-projectnpm link my-package

4.现在,当你在项目中使用 my-package 时,实际上是在使用本地的 my-package。这样,你可以在本地对 my-package 进行修改并实时看到项目中的更改。

5.完成本地调试后,可以使用 npm unlink my-package 命令取消链接,然后重新安装原始的 node_modules 包:

cd path/to/my-projectnpm unlink my-packagenpm install my-package

注意:在进行本地调试时,需要重新启动项目或使用热更新功能,以便在项目中看到本地包的更改。



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。