開篇:當你第一次運行npm install
時...
"這node_modules文件夾怎么比我的項目代碼還大100倍?!" —— 每個前端新手第一次看到node_modules時的反應都出奇地一致。別擔心,今天我要帶你徹底搞懂這個讓項目"膨脹"的"罪魁禍首",以及如何用NPM/Yarn這兩個神器優雅地管理它!
一、包管理器:前端世界的"快遞小哥"
1.1 為什么需要包管理器?
想象你要做一道菜:
-
沒有包管理器:自己去菜市場買每樣食材(手動下載每個JS庫)
-
有包管理器:告訴外賣小哥要什么,他一次性送來(自動解決依賴)
1.2 NPM vs Yarn 世紀對決
特性 | NPM | Yarn |
---|---|---|
誕生時間 | 2010年 | 2016年(Facebook出品) |
安裝速度 | 較慢 | 快(并行安裝) |
鎖定文件 | package-lock.json | yarn.lock |
離線模式 | 有但較弱 | 強大的離線緩存 |
安全性 | 一般 | 更嚴格的完整性校驗 |