yarn、pnpm、npm

非常好,这样从"问题驱动 → 工具诞生 → 优化演进"的角度来讲,更清晰易懂。下面我按时间线和动机,把 npm → yarn → pnpm 的演变脉络讲清楚。


🧩 一、npm 为什么一开始不够好?

早期(npm v4 及之前)的问题主要集中在以下几个方面:

  1. 安装不确定性(非确定性安装)

npm 安装依赖是不稳定的,即使锁版本,也有可能在不同机器上装出不同的 node_modules。

这会导致:"我能跑,你不能跑",非常影响团队协作。

  1. 性能慢

安装过程是串行的,一次只装一个包;

网络差的时候经常失败,尤其在国内。

  1. 缺少锁文件(旧版本)

npm 最早没有 package-lock.json,版本解析随时间变;

即使后来加入,也没能彻底解决一致性问题。

🔧 所以,这时候 Facebook 出手了,搞了 Yarn。


🚀 二、Yarn 为什么出现?解决了哪些问题?

🧠 背景:

Facebook 的工程师维护着数千个 Node 项目,npm 的不稳定、速度慢,严重拖累开发效率,于是他们造了 Yarn。

🎯 Yarn 主要解决了这些问题:

  1. 确定性安装(Deterministic)

引入 yarn.lock 锁文件,强制保证在任何机器安装都一样。

  1. 性能优化

支持并发安装,比 npm 快很多;

使用本地缓存,第二次安装极快。

  1. 离线安装

可以直接从本地缓存装包,断网也能装。

  1. 更好的 CLI 体验

命令更直观:yarn add, yarn remove;

信息提示也更美观清晰。

🟢 总结:Yarn 是对 npm 早期缺陷的"性能增强 + 确定性修复"。


⚡ 三、那为什么后来又有了 pnpm?Yarn 还不够好吗?

🤔 Yarn 的问题:

虽然 Yarn 比 npm 好,但它还是沿用了 npm 的核心模式:

所有依赖被"平铺"安装在 node_modules 根目录;

重复项目会占用大量磁盘空间;

幽灵依赖问题(依赖没有声明但能用)仍然存在。

💡 这时 pnpm 出现了,它的核心思想是:

🚀 极致性能 + 更强的依赖隔离 + 节省磁盘空间

🔍 pnpm 解决了哪些 yarn 没解决的问题?

  1. 重复依赖占用空间严重

yarn 和 npm:每个项目都复制依赖;

pnpm:使用内容寻址 + 硬链接,依赖只下载一次,多个项目共享。

🔄 举个例子:

你有 10 个项目都用 React,npm/yarn 会有 10 个 react 包; pnpm 只会下载 1 次,然后"硬链接"给每个项目用。

  1. 严格依赖隔离

pnpm 不允许访问未声明依赖(幽灵依赖会报错);

让你必须明确声明每个依赖,更安全、规范。

  1. 极速安装体验

比 yarn 还快得多(即便是第一次安装);

CI/CD、Monorepo 项目效率提升明显。


🧭 四、总结一下三者的"出现背景 & 问题驱动"

工具 出现时间 为什么会出现 解决了什么问题

npm 最早 Node.js 官方包管理器 提供基础的依赖管理功能

yarn 2016 为了解决 npm 安装不稳定、慢、无法离线等问题 锁文件、缓存、并发、确定性安装

pnpm 2017 为了解决重复依赖空间浪费、幽灵依赖、安装速度瓶颈 内容寻址 + 严格隔离 + 极速安装


✅ 最后的建议(根据实际情况选择)

✅ 新项目推荐使用 pnpm(快、省、规范);

👍 历史使用 yarn 的可以继续用,也很稳定;

🆗 小型项目或者默认使用可选 npm,方便不用额外安装。


如果你想继续,我可以带你写个从 yarn 或 npm 切换到 pnpm 的实战迁移指南,也可以讲讲它们在 Monorepo 里的表现。需要吗?

相关推荐
kyriewen1 小时前
Anthropic 估值逼近万亿美元,Claude Sonnet 5 + Claude Science 一天两连发
前端·ai编程·claude
小徐_23333 小时前
Wot UI 2.2.0 发布:Button 新增 subtle,VideoPreview 预览体验继续增强
前端·微信小程序·uni-app
天蓝色的鱼鱼5 小时前
关于 CSS 你可能不知道的属性,但关键时刻很有用
前端·css
泯泷6 小时前
第 2 篇:设计第一套字节码:Opcode、Instruction 与 Constant Pool
前端·javascript·安全
妙码生花6 小时前
从 PHP 到 AI + Golang,程序员自救转型手记(十五):优化细节、网络请求封装
前端·后端·ai编程
泯泷6 小时前
第 1 篇:从 1 + 2 开始:亲手写出第一台 JSVM
前端·javascript·安全
团团崽_七分甜6 小时前
Spring Boot 核心知识点总结
前端
lichenyang4536 小时前
从一个按钮开始,理解 ASCF 框架到底在做什么
前端
古夕7 小时前
第三方 SSO 接入实践:redirect_uri 编码、回调一致性与跨项目联调
前端·vue.js