从 ReactJS 项目中删除未使用的组件答案

【问题标题】：Remove unused conponents from ReactJS project从 ReactJS 项目中删除未使用的组件
【发布时间】：2021-08-23 04:44:39
【问题描述】：

我有一个 React 应用程序，运行它时控制台中有一堆 no-unused-vars 让我抓狂，所以我恳请大家分享你的经验：有没有这样的工具。

控制台截图：

【问题讨论】：

为什么不直接检查并整理你的代码呢？如果这些是文件顶部未使用的导入，大多数 IDE 将能够“组织导入”，例如在 webstorm 中是 ctrl + option + o
首先确定出现未使用变量的文件。然后将它们注释掉（如果您想保留它们以供将来使用）或删除它们。
你好，安迪！截图并没有表达整个问题，有数百个这样的组件，我正在寻找一个更方便的工具来删除所有这些，而不是手动删除。 + 那些未使用的变量不是从某个地方导入的，它们是在当前的 react 组件中声明的，我只是不使用它们。
嗨，德巴！谢谢，我只是期待有一个工具可以代替我手动完成所有工作。

【解决方案1】：

使用 VS 代码和 ES7 React/Redux/GraphQL/React-Native sn-ps 适当的代码格式化程序，比如更漂亮，你会发现未使用的组件与使用的组件相比颜色不同

【讨论】：

【解决方案2】：

当项目变大时，管理旧代码会很痛苦，我所做的是编写一个脚本来查找未使用的导出（eslint 不会拾取这些），它应该会告诉你哪里有一个未导入的导出任何地方

运行：

npx 死导出

假设您的代码在 ./src 中

【讨论】：