我可以查看我需要哪些 node_modules 嗎？

Question

有沒有辦法查看我的 create-react-app 項目中使用了哪些 node_modules 包並刪除了未使用的模塊？ 除了手動檢查所有使用的包及其依賴項？

我想減少項目使用的空間量。 它提交給資源存儲庫，僅 node_modules 文件夾就將使用的空間增加了三倍。

Answer 1

對於 repo 大小（假設您使用的是 git）：

1. git rm -r --cached ./node_modules
2. 將/node_modules行添加到您的.gitignore文件中
3. git add .
4. git commit -m "Remove node_modules from repo"

對於構建尺寸：

create-react-app非常擅長搖樹，所以你不必太擔心這個。 某些包可能有更模塊化的導入方式，這會有所幫助 - 通常這些將在逐個包的基礎上進行記錄。 例如， Material UI 圖標支持兩種import語法：

// option 1
import AccessAlarmIcon from '@material-ui/icons/AccessAlarm'
import ThreeDRotation from '@material-ui/icons/ThreeDRotation'
// option 2
import { AccessAlarm, ThreeDRotation } from '@material-ui/icons'

其中，選項 1 可能產生最小的包大小。

對於開發機器上的大小：

你可以在這里最大的區別（假設你有其他的項目）可能是切換到像PNPM ，哪些商店node_modules集中在本地計算機上，然后從你的項目鏈接出來給他們，而不是相同模塊的多個實例。

對於一般家務和整潔：

您可以嘗試使用諸如depcheck 之類的工具來檢測未使用的依賴項。 不過，這可能有點矯枉過正，除非它是您項目的一個特殊痛點。

Answer 2

可能最簡單的方法是不通過將節點模塊添加到 gitignore 文件（或創建一個）來包含節點模塊，但如果這不是一個選項，可能只是卸載不需要的包