如何清理 JavaScript/TypeScript 项目中未使用的包

如果开发者的世界里有魔法怎么办？

有时我们会沉浸在一个项目中，安装一个又一个的包，但一路上却意识到：“这不是我需要的包。”所以你继续安装另一个包——问题解决了，对吧？但随着时间的推移，您的项目会积累未使用的包。我曾经通过访问 package.json 对未使用的包进行排序。

直到我在探索互联网上有趣的东西的冒险中遇到了JavaScript 的魔法扫帚。 depcheck 它在几秒钟内清理了我的项目，我想我应该与某人分享这个小技巧。

什么是 depcheck？

Depcheck 是一个强大的命令行工具，旨在通过识别未使用的包/依赖项和缺失的依赖项来分析 JavaScript 和 TypeScript 项目。它使您无需手动梳理 package.json 或 node_modules 丛林。

通过 Depcheck，您可以：

• 自动列出项目中未使用的依赖项。
• 识别正在使用但未在 package.json 中声明的缺失的依赖项。
• 自定义分析以适合您的项目结构和工具。

为什么需要 Depcheck？

现代开发涉及依赖大量的库和框架。随着时间的推移，不必要的依赖项很容易积累，使您的项目：

臃肿——未使用的包会增加node_modules的大小，增加混乱。

更慢 - 您拥有的软件包越多，安装和构建过程就越慢。

更难维护 — 跟踪重要的与冗余的包变得势不可挡。

Depcheck 通过准确指出您可以安全删除哪些软件包来正面解决这些问题。

如何使用 Depcheck

让我们逐步了解如何将 Depcheck 集成到您的工作流程中。

1.安装Depcheck

Depcheck 可以全局安装或作为项目中的开发依赖项安装：

npm install -g depcheck

或

npm install --save-dev depcheck

2. 运行 Depcheck

导航到项目的根目录并运行：

部署检查

Depcheck 将分析您的项目并输出两个关键列表：

1. 未使用的依赖项 - 已安装但未在代码中使用。
2. 缺少依赖项 - 在代码中使用但未在 package.json 中列出。

3. 输出示例

典型的输出可能如下所示：

Unused dependencies
* moment
* lodash

Unused devDependencies
* jest
* eslint

Missing dependencies
* chalk

由此，您可以放心地删除未使用的依赖项并添加任何缺失的依赖项。

高级选项

Depcheck 支持多种选项来增强其分析：

忽略特定依赖项

如果您总是想保留某些包，您可以通过添加选项来忽略它们：

depcheck --ignores=chalk,jest

自定义解析器和检测器

如果您的项目使用非常规模块模式，您可以指定自定义解析器或检测器来帮助 Depcheck 准确分析您的代码。

与 CI/CD 集成

对于自动化依赖项管理，请将 Depcheck 集成到您的 CI/CD 管道中，以确保您的项目在整个开发过程中保持精益。

• 自信地清洁

一旦 Depcheck 识别出未使用的依赖项，您就可以删除它们：

npm uninstall 软件包名称

对于缺少依赖项，您可以将它们添加到您的项目中：

npm 安装缺失的包

这可以确保您的项目的 package.json 保持优化，不会有任何负担拖慢您的速度。

结论

通过使用 Depcheck，我成功地整理了我的项目并毫不费力地简化了我的工作流程。这是一个你不知道自己需要的工具，但一旦你尝试过它，就无法想象没有它会如何工作。

如果您厌倦了手动筛选依赖项或处理臃肿的 node_modules，请尝试一下 Depcheck。您会惊讶地发现一个干净、结构良好的项目会给人带来多么令人满意的感觉。

您是否尝试过 Depcheck，或者您还有其他保持项目精简的技巧吗？请在下面分享您的想法——我很想听听！快乐编码。

以上是如何清理 JavaScript/TypeScript 项目中未使用的包的详细内容。更多信息请关注PHP中文网其他相关文章！