欢迎光临
我们一直在努力

前端辨识:npx、npm 、pnpm的区别

下面从定位、原理、速度/磁盘、用法、适用场景分别说清楚。


一、定位:不是同一类东西

  • npm

    • 全称:Node Package Manager
    • 地位:Node.js 内置,官方标准包管理器
    • 作用:管理项目依赖、运行 scripts、发布包
  • pnpm

    • 全称:Performant npm
    • 地位:第三方替代方案,需手动安装
    • 作用:和 npm 一样管理依赖,但底层机制更高效
  • npx

    • 全称:Node Package eXecute
    • 地位:npm 5.2+ 自带,不是包管理器
    • 作用:临时执行 npm 包的命令,不长期安装依赖

二、核心原理与 node_modules 结构

1. npm:扁平化 + 重复存储
  • node_modules 会扁平化(把深层依赖提到首层),导致:
    • 依赖提升、幽灵依赖(没写在 package.json 却能引用)
    • 每个项目都完整复制一份依赖,磁盘大量重复
  • 锁文件:package-lock.json
2. pnpm:硬链接 + 内容寻址存储(CAS)
  • 所有项目同一版本的包只存一份(全局 store)
  • 项目 node_modules 里用硬链接指向全局 store,用软链接组织依赖树
  • 结果:
    • 磁盘节省 50%–80%
    • 依赖树严格,无幽灵依赖
    • 安装速度比 npm 快 2–3 倍
  • 锁文件:pnpm-lock.yaml
3. npx:临时下载 → 执行 → 销毁
  • 流程:
  • 先查本地 node_modules/.bin
  • 再查全局
  • 都没有就临时下载到缓存,执行后不污染全局
  • 不改变项目依赖,不写 package.json

三、速度与磁盘对比(直观版)

特性npmpnpmnpx
类型 包管理器 包管理器(高性能) 命令执行器
安装速度 慢(串行+少量并行) 最快(全并行+硬链接复用) 只跑命令,不管理依赖
磁盘占用 高(大量重复) 极低(全局共享一份) 不长期占用
依赖结构 扁平,易有幽灵依赖 严格树,无幽灵依赖 无依赖结构
Monorepo 需配置 workspace 原生支持,体验好 无关
适用项目 小型、简单项目 中大型、多项目、Monorepo 临时跑命令、脚手架

四、常用命令对比

npm

npm install # 安装依赖
npm uninstall xxx # 卸载
npm run build # 跑脚本
npm init # 初始化项目

pnpm

pnpm install # 等价 npm install
pnpm add xxx # 安装依赖
pnpm remove xxx # 卸载
pnpm run build # 跑脚本

npx

# 临时用 create-react-app,不用全局安装
npx create-react-app my-app

# 临时跑 eslint
npx eslint .

# 执行本地 node_modules/.bin 里的命令
npx jest


五、怎么选(简单建议)

  • 初学/小项目/官方模板:用 npm(开箱即用,稳定)
  • 中大型项目/多项目共存/追求快+省空间:用 pnpm(现在很多大厂都转 pnpm)
  • 临时用工具、脚手架、不想全局安装:用 npx

六、一句话总结

  • npm:官方标配,稳但慢、费磁盘。
  • pnpm:npm 加强版,更快、更省、更安全。
  • npx:临时跑命令的工具,不装包也能用。
赞(0)
未经允许不得转载:171主机测评 » 前端辨识:npx、npm 、pnpm的区别
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址