pnpm相对于npm,yarn的优势

🔹 背景

npm:最早的包管理器,简单直接,但有依赖重复、安装慢的问题。

yarn:Facebook 推出,解决 npm 的速度、锁文件一致性问题。

pnpm:新一代包管理器,用 符号链接 + 内容寻址存储,更高效、更安全。

✅ pnpm 的优势(相比 npm / yarn)

1.磁盘空间优化(内容寻址存储,硬链接 + 符号链接)

npm/yarn 安装:把依赖完整复制到 node_modules,每个项目可能重复存储几百 MB。

pnpm 安装:

先把包放到 全局内容寻址存储(store)(类似 git 的 .git/objects)。

不同项目用 硬链接/符号链接 指向 store 的文件,而不是复制一份。
优势:多个项目共享依赖,节省 70-90% 磁盘空间。

2. 更快的安装速度

npm:逐级展开依赖,冗余、慢。

yarn:并行下载、缓存好,但依赖还是复制到每个项目。

pnpm:直接从全局 store 硬链接,避免重复下载 + 拷贝,速度更快。

典型表现:第一次安装 ≈ yarn,第二次安装(已有缓存)> yarn >> npm。

3. 严格的依赖管理(避免幽灵依赖)

npm / yarn:node_modules 会把依赖拍平,子依赖可能被 hoist(提升)到顶层,导致"幽灵依赖":

javascript 复制代码
// package.json 里没声明 lodash
import _ from 'lodash'; // 在 npm/yarn 下可能能跑

实际上 lodash 是某个依赖的子依赖,但被提升到顶层,代码能跑,但隐藏风险。

pnpm:依赖安装在 node_modules/.pnpm/... 下,每个包自己的依赖都放在独立目录。

如果你没有在 package.json 里声明 lodash,上面代码会直接报错。
优势:强制依赖显式声明,彻底避免幽灵依赖。

4. Monorepo 支持更好

pnpm 原生支持 monorepo(通过 pnpm workspace)。

特点:

跨项目依赖共享 store,更节省空间。

依赖解析和软链接天然支持 workspace。

跨包开发调试无需复杂配置(对比 yarn workspace / lerna,配置更轻量)。

5. 安全性与一致性更高

严格的依赖解析机制,避免不同环境下依赖结构不一致。

对锁文件(pnpm-lock.yaml)的解析更快、更稳定。

天然避免"某台电脑能跑、另一台跑不动"的问题。

6. 其他优势

pnpm fetch:可以先下载依赖(离线安装,CI/CD 更快)。

pnpm install --frozen-lockfile:保证依赖版本完全一致。

可配置性更高:支持 packageExtensions,修复三方库的错误依赖声明。

社区趋势:越来越多大厂和开源项目在转向 pnpm(例如 Vite、Next.js、Vue3 的仓库都推荐 pnpm)。

⚖️ 对比总结

特性 npm yarn pnpm
磁盘占用 高(重复) 高(重复) 低(全局 store + 链接)
安装速度 最慢 较快 最快(缓存 + 硬链接)
幽灵依赖 存在 存在 禁止,强依赖声明
Monorepo 支持 一般 支持 (workspace) 原生支持 (workspace)
锁文件一致性 npm5 之后改善 良好 更稳定
趋势 老牌 曾经火 逐渐成为主流
相关推荐
Zhencode1 小时前
Vue3 响应式依赖收集与更新之effect
前端·vue.js
x-cmd1 小时前
[x-cmd] jsoup 1.22.1 版本发布,引入 re2j 引擎,让 HTML 解析更安全高效
前端·安全·html·x-cmd·jsoup
天下代码客1 小时前
使用electronc框架调用dll动态链接库流程和避坑
前端·javascript·vue.js·electron·node.js
weixin199701080162 小时前
【性能提升300%】仿1688首页的Webpack优化全记录
前端·webpack·node.js
冰暮流星2 小时前
javascript之数组
java·前端·javascript
晚霞的不甘2 小时前
Flutter for OpenHarmony天气卡片应用:用枚举与动画打造沉浸式多城市天气浏览体验
前端·flutter·云原生·前端框架
xkxnq2 小时前
第五阶段:Vue3核心深度深挖(第74天)(Vue3计算属性进阶)
前端·javascript·vue.js
三小河3 小时前
Agent Skill与Rules的区别——以Cursor为例
前端·javascript·后端
Hilaku3 小时前
不要在简历上写精通 Vue3?来自面试官的真实劝退
前端·javascript·vue.js
三小河3 小时前
前端视角详解 Agent Skill
前端·javascript·后端