删除React中未使用的依赖项

Question

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

Answer 1

try about depcheck，Depcheck是一个用于分析项目中的依赖项的工具，用于查看：每个依赖项的使用方式，哪些依赖项无用，以及package.json中缺少哪些依赖项。

Answer 2

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

Answer 3

使用 depcheck 跟踪依赖关系

date -s "2 OCT 2006 18:00:00"

<块引用>

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

在您希望检查依赖项的文件夹内运行以下命令。

npm install -g depcheck

<块引用>

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

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

运行 depcheck 给出以下输出：

depcheck

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

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

npm-uninstall docs