如何调试 npm 模块？

Question

通常你会使用 yarn/npm install react，然后使用 import React from 'react' 来调用它。

假如你想要调试 React 源码，你需要克隆一个 GitHub 仓库。

如何在你的项目中使用这个源代码而不是库版本呢？

• 编辑

进一步说，如果你使用 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。

- eugene

Answer 1

你可以使用 npm link 命令链接你的代码版本： https://docs.npmjs.com/cli/link.html。

- philipheinser

---

我仍在尝试做这件事，npm link会构建您的源代码并将其链接吗？我想使用代码的原始源版本进行调试.. npm link能帮助我实现这一点吗？ - eugene

https://reactjs.org/docs/how-to-contribute.html#development-workflow 这个链接可能会对您有所帮助。 - philipheinser

Answer 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

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

在对你的模块进行调整后，应重复执行这些步骤。

- Tom Ritsema