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

背景：

在项目开发中发现有一个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-package
npm link

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

cd path/to/my-project
npm link my-package

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

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

cd path/to/my-project
npm unlink my-package
npm install my-package

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