如何清理 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中文網其他相關文章！