在React中删除未使用的依赖项

Question

如何在React项目中检测未使用的依赖项？我知道有npm软件包可以做到这一点，但是它们仅适用于普通js项目，不适用于Reacts jsx文件。是否有类似的软件包可以与React一起使用？

Answer 1

使用 depcheck 跟踪依赖关系

npm install -g depcheck

这会在您的系统上全局安装 depcheck。

在您想要检查依赖项的文件夹中运行以下命令。

depcheck

确保此文件夹包含 package.json 文件，否则depcheck 将无法跟踪您的依赖项。

假设您安装了react-bootstrap包并且没有从中导入任何内容。

运行depcheck给出以下输出：

Unused dependencies
* ...
* react-bootstrap
* ... 
Missing dependencies
* ...  

一般来说，您可以通过运行以下命令来卸载任何 npm 包或依赖项：

npm uninstall <package_name>
npm uninstall react-bootstrap

npm 卸载文档

Answer 2

试一下 depcheck，Depcheck 是一个工具，用于分析项目中的依赖，查看：每个依赖是如何使用的，哪些依赖是无用的，package.json 中缺少哪些依赖。

注意：Depcheck 需要安装的节点版本 > NODE 10

Answer 3

您可以使用npm-check来查找项目中过时、不正确和未使用的依赖项。安装后，您只需在终端中运行npm-check命令，它就会列出您项目中依赖项的状态