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 之后改善 良好 更稳定
趋势 老牌 曾经火 逐渐成为主流
相关推荐
华仔啊17 小时前
JavaScript 如何准确判断数据类型?5 种方法深度对比
前端·javascript
毕设十刻17 小时前
基于Vue的迅读网上书城22f4d(程序 + 源码 + 数据库 + 调试部署 + 开发环境配置),配套论文文档字数达万字以上,文末可获取,系统界面展示置于文末
前端·数据库·vue.js
程序员小寒18 小时前
从一道前端面试题,谈 JS 对象存储特点和运算符执行顺序
开发语言·前端·javascript·面试
爱健身的小刘同学18 小时前
Vue 3 + Leaflet 地图可视化
前端·javascript·vue.js
神秘的猪头18 小时前
Ajax 数据请求:从零开始掌握异步通信
前端·javascript
稀饭5218 小时前
用changeset来管理你的npm包版本
前端·npm
TeamDev19 小时前
基于 Angular UI 的 C# 桌面应用
前端·后端·angular.js
就知道你是成心的19 小时前
npm pack 一键构建npm离线包
npm
Komorebi゛19 小时前
【CSS】斜角流光样式
前端·css
Irene199119 小时前
CSS 废弃属性分类总结
前端·css