pnpm:高性能的 npm 初体验

373 阅读1分钟

官方网站:Fast, disk space efficient package manager | pnpm

一、简介

当我们使用 npm 或 yarn 时,需要在每个项目中都要下载相关的包。如果100个项目使用了某个依赖,就需要在计算机中保存100个该包的副本,pnpm 通过存储中心的方式,解决了这个问题。

pnpm 将所有依赖存储在一个内容可寻址的仓库中:

  1. 如果使用某个依赖的不同版本,那么只会将差异的依赖添加到仓库。pnpm update 对于依赖的新版本更新,不是采用下载整个依赖包的形式,而是采用一种类似热更新的方式,只更新需要改变的文件。
  2. 所有的文件都会存放在硬盘同一位置。pnpm 在项目中以某种链接的形式,让我们的项目使用存储中心的相关依赖。当然,我们能够在多个项目中共享同一个依赖。

这样,我们就可以节省大量与项目成比例的硬盘空间,并且拥有更快的安装速度!

二、安装

  1. 使用 npm 安装
$ npm install -g pnpm
  1. 使用 npx 安装
$ npx pnpm add -g pnpm
  1. 更多安装方式参考 安装 | pnpm

三、体验

  1. 创建一个 vue 项目
# 如果要创建 react 项目:pnpm create react-app pnpm-test
$ pnpm create vue-app pnpm-test
  1. 进入 pnpm-test 目录下,安装项目所有依赖
# 我们也可以跳过这一步,直接运行第3步
# 也可以使用简写 pnpm i
$ pnpm install
  1. 运行项目
$ pnpm run dev
  1. 在浏览器中查看效果