成人免费xxxxx在线视频软件_久久精品久久久_亚洲国产精品久久久_天天色天天色_亚洲人成一区_欧美一级欧美三级在线观看

Node_modules 是該好好治一治了

開發 前端
作為前端開發者,大家有沒有被 node_modules 困擾過呢?反正我是有。。。因為 npm 特殊的包管理機制,往往一個很小的項目就會攜帶一個很大的 node_modules 。

作為前端開發者,大家有沒有被 node_modules 困擾過呢?

反正我是有。。。因為 npm 特殊的包管理機制,往往一個很小的項目就會攜帶一個很大的 node_modules 。相信大家都刷到過下面這張圖,這就是對前端依賴最大的諷刺了。

圖片

有時候,可能不經意間我們就會引入一個意外的依賴包,或者不小心升級了一個有 break chage 的依賴,還有可能在一個項目中安裝了多個互相沖突的依賴版本。但是每次遇到這種問題,想要排查問題都要花費大量時間。

比如,我們想查詢一個依賴在項目中的安裝情況,我們可能會使用 npm ls 命令,但是這個命令實在是太慢了,而且打印出來的信息而且混亂。

或者直接去 lock 里面檢查版本?你可能要花費更多的時間,而且不一定能找全。

qnm

最近在逛 Github? 發現了一個寶藏 CLI? 工具:qnm?,它可以幫助我們快速梳理前端依賴信息,并且同時支持 npm? 和 yarn。

圖片圖片

我們可以把它安裝到全局,或者使用 npx 調用:

npm i --global qnm

分析依賴

用法:qnm [module]?, 我們嘗試查看下所有安裝的 lodash:

圖片

這意味著, lodash? 在我們的項目里被安裝了 15? 次,我們項目直接依賴的版本是 4.17.11?,發布于 3 年前(已經很落后了),其他間接依賴的都是 4.17.21 版本,發布于 1 周前。

我們來對比下實際的 node_modules 目錄,發現是可以一一對應上的:

圖片

再來對比下 npm ls lodash 的結果,相比之下這個真的很慢而且展示比較亂:

圖片

你還可以對包進行模糊搜索(直接在命令行輸入 qnm):

圖片

另外,還有一些參數選項:

  • --no-remote?:禁止從npm 獲取遠程數據,可以加快命令速度;
  • -o , --open?:使用默認編輯器打開模塊的package.json 文件;
  • -d, --debug:查看完整的錯誤消息,主要用于調試;
  • --disable-colors:禁用大部分顏色和樣式,例如版本顏色。

分析空間占用

你可以使用 qnm doctor? 分析 node_modules? 目錄中占用最多空間的內容,這個一分析還是挺讓我吃驚的,有的老項目 node_modules 已經占用了幾個 G 的空間了。。

圖片圖片

調用 qnm doctor --sort duplicates 查看重復依賴占用的空間:

圖片

分析所有模塊

調用 qnm list? 命令分析 node_modules? 目錄中所有模塊(等同于直接調用 npm ls ,但是要比它的速度和可讀性好太多了)。

圖片

模糊匹配

qnm match? 命令類似于 grep 命令,可以匹配包含某字符串的任何模塊。

比如我們想查找我們裝了哪些 babel 插件:

圖片

怎么樣,有了這個命令行工具是不是感覺治理 node_modules 要輕松一些了?趕緊收藏起來吧(https://github.com/ranyitz/qnm)!

責任編輯:趙寧寧 來源: code秘密花園
相關推薦

2022-09-19 13:57:24

文件前端代碼

2020-07-16 14:00:38

node_module文件前端

2025-02-05 08:54:36

rimrafNode.js工具

2025-07-02 04:55:00

2025-03-04 07:30:00

開發前端Node.js

2022-10-20 13:05:53

patches文件生成

2016-12-06 09:12:07

Java程序員

2025-02-14 08:26:47

TypeScripDeepSeek

2020-06-08 09:12:39

arthaslambdaPHP

2011-09-02 14:47:48

Node

2021-09-24 13:06:55

華為智慧城市

2025-06-26 08:31:50

2021-01-09 22:38:16

大數據軟件消費

2014-08-15 16:46:06

IOSAndroid

2018-07-23 15:28:29

HTTPCookieHeader

2013-12-16 10:04:30

IBM芯片應用

2015-06-10 09:14:30

2023-03-16 14:33:23

WebGL初始化繪制

2020-12-31 11:21:10

聚焦數據

2022-03-15 19:02:28

數據
點贊
收藏

51CTO技術棧公眾號

主站蜘蛛池模板: 国产一区二区三区在线看 | 91 视频网站| 国产一区二区激情视频 | av天天澡天天爽天天av | 国产成人精品一区二区三区四区 | 色播视频在线观看 | 国产精品久久毛片av大全日韩 | 91成人在线视频 | 亚洲成人网在线观看 | 亚洲精品国产精品国自产在线 | 日韩在线视频一区 | 久久久女女女女999久久 | 国产在线精品免费 | 日韩久久精品 | 国产成人精品一区二区 | 久久人体| 免费精品 | 久久精品一区二区三区四区 | 成人精品久久日伦片大全免费 | 国产精品永久在线观看 | 国产成人免费视频网站高清观看视频 | 精品人伦一区二区三区蜜桃网站 | 天堂精品 | 7777精品伊人久久精品影视 | 久久久久久艹 | 黑人性hd| 久久国产精品视频免费看 | 国产精品久久久久久久久久久久午夜片 | 亚洲一区二区三区在线播放 | 日韩精品一区二区三区视频播放 | 精品视频一区二区三区在线观看 | 性高湖久久久久久久久3小时 | 在线观看免费福利 | 激情av免费看 | 国产一区二区三区日韩 | 午夜精品福利视频 | 日韩亚洲视频在线 | 韩国精品一区二区三区 | 国产小视频在线 | 青青青伊人 | 91九色视频在线 |