如何调试 npm 模块？答案

【问题标题】：How to debug npm modules?如何调试 npm 模块？
【发布时间】：2020-03-26 10:18:07
【问题描述】：

通常你是yarn/npm install react，然后和import React from 'react'一起使用

假设您要调试 React 源代码并克隆 GitHub 存储库。

您如何在项目中使用源代码而不是 lib 版本？

为了进一步发展philipheinser的答案，这是我在做npm link draft-js-mention-plugin时遇到的

npm link 似乎在运行npm run build，这是您要链接的package.json 中的scripts 命令。

使用draft-js-mention-plugin，npm run build 运行../node_modules/.bin/rimraf lib，我必须上一个目录并运行npm install 来安装rimraf

draft-js-mention-plugin 有父 draft-js-plugins 并且它有自己的 package.json

【问题讨论】：

【解决方案1】：

您可以使用npm link您的代码版本：https://docs.npmjs.com/cli/link.html

【讨论】：

【解决方案2】：

如果您想模仿更类似于生产的情况，您可以使用此工作流程：

在本地创建一个子模块的包：

cd /path/to/your/module
npm pack

这将在 /path/to/your/module 中创建你的包的 .tgz 文件

在你的应用中安装子模块的本地包：

cd /path/to/your/application    
npm install /path/to/your/module/<YourModule>-<YourModulesVersion>.tgz

这会将 .tgz 文件安装到应用程序的 node_modules 目录中

这些步骤应在调整您的模块后重复。

【讨论】：