背景:
由於老專案需要重構,需要刪除一些無用的程式碼和資源來減少專案體積以及提高打包效率,所以需要將一些無用的依賴清除,這裡可以使用depcheck外掛幫助我們找出問題,在 package.json 中,每個依賴包如何被使用、哪些依賴包沒有用處、哪些依賴包缺失。它是解決前端專案中依賴包清理問題的一個常用工具。
使用
我們以前只知道裝了哪些包,卻不知道有些包用沒用到或者哪些依賴包缺失了,現在depcheck就知道了
1.全域性安裝npm install -g depcheck
2.在專案根目錄執行以下命令:depcheck
執行結果如下:
就會出來這些東西,分別解釋一下:
- Unused dependencies:未使用的依賴,這個是你在專案中沒有用到的包,刪除的時候記得全域性搜尋下,有的包是真的沒用到,有的包你用了,但是在專案中註釋掉,暫時先不用,不然後面會出問題。
- Unused devDependencies:未使用的開發依賴,這個在package.json檔案裡的devDependencies
- Missing dependencies:缺少,缺失的依賴關係,這個在你執行專案的時候報錯或者警報的提示
3.安裝缺失的依賴包
比如,我上述缺失這個codemirror的包,我就安裝安裝下npm i codemirror -S
4.刪除未使用的依賴包 npm uninstall less-loader
depcheck 的基本使用:https://github.com/depcheck/depcheck