如何在大型react项目中找到死代码？

Question

为了重构客户端项目，我正在寻找一种安全的方法来查找(和删除)未使用的代码。

在大型反作用项目中，您使用了哪些工具来查找未使用的/死代码？我们的产品已经开发了几年，手动检测不再使用的代码变得非常困难。但是，我们确实尝试尽可能多地删除未使用的代码。

关于一般战略/技术(具体工具除外)的建议也受到赞赏。

谢谢

Answer 1

首先，非常好的问题是，在大型项目代码中，通常会尝试多行代码测试，在结果结束时，很难找到未使用的代码。

有两种可能是必须为您工作的--每当我需要将未使用的代码移除并减少到我的项目中时，我通常都会这样做。

1 way WebStorm IDE:

如果您正在使用网络风暴IDE进行JS开发，或者响应JS / React等，它会告诉我们并以不同的颜色或红色警告作为编辑器中未使用的代码来提示我们。

但是它在您的特定场景中不起作用，还有一种方法可以删除未使用的代码。

第二条路非必需图书馆：

移除项目中未使用的代码的第二种方法是不需要的库，您可以在这里访问：不需要的github

NPM下的另一个名为深度检查的库& github 这里

只要遵循他们的适当方法-如何使用它们-您将很容易地解决这个未使用的问题。

希望这对你有帮助

Answer 2

解决方案：

对于节点项目，在项目根目录中运行以下命令：

npx unimported

如果使用的是流类型注释，则需要添加--flow标志：

npx unimported --flow

来源与文档：https://github.com/smeijer/unimported

结果：

​

背景

就像其他答案一样，我尝试过很多不同的库，但从未取得真正的成功。

我需要找到所有未被使用的文件。不仅仅是函数或变量。为此，我已经有了我的林特。

我试过deadfile，unrequired，trucker，但都没有成功。

在寻找了一年多之后，还有一件事要做。自己写点东西。

unimported从入口点开始，并遵循所有导入/要求语句。没有导入的源代码文件夹中存在的所有代码文件都将被报告。

注意，此时它只扫描源文件。不适用于图像或其他资产。因为它们通常是以其他方式(通过标记或css)“导入”的。

而且，它也会有假阳性。例如，有时我们编写脚本来简化我们的开发过程，比如构建步骤。不是直接进口的。

另外，有时我们安装对等依赖项，代码不直接导入这些依赖项。这些都会被报告。

但对我来说，unimported已经非常有用了。我已经从我的项目中删除了十几个文件。所以这绝对值得一试。

如果您有任何麻烦，请告诉我。处理github问题，或在twitter上与我联系：S

Answer 3

库(例如不需要的和死代码)只支持遗留代码。为了找到未使用的资产，可以使用死文件手动删除

图书馆：https://m-izadmehr.github.io/deadfile/

• 对ES5、ES6、React、Vue、ESM、CommonJ的开箱即用支持。
• 它支持导入/需求，甚至是动态导入。

​

​

它只需在任何JS项目中找到未使用的文件。

在没有任何配置的情况下，它支持ES6、React、JSX和Vue文件：

​