pnpm的使用

1.为什么pnpm比npm快

  • pnpm使用基于内容寻址的文件系统来存储磁盘上的所有文件,这意味着它不会在磁盘中重复存储相同的依赖包,即使这些依赖包被不同的项目所依赖。这种存储方式使得pnpm在安装依赖时能够更高效地利用磁盘空间,同时也减少了下载和安装的时间。
  • pnpm在下载和安装依赖时采用了并行下载的能力,这进一步提高了安装速度。
  • pnpm还具有一些其他特性,例如节省空间的硬链接和符号链接的使用,这些都有助于提高其性能。

如果有时间可以看看这位博主的文章https://article.juejin.cn/post/7268300461727481868

2.安装和使用

pnpm:performant npm ,意味“高性能的npm”。 pnpm由npm/yarn衍生而来,解决了npm/yarn内部潜在的bug,极大的优化了性能,扩展了使用场景。被誉为“最先进的包管理工具”。
pnpm安装指令:

npm i -g pnpm

项目初始化命令:

pnpm create vite

进入到项目根目录pnpm install安装全部依赖,安装完依赖运行程序:pnpm run dev。

3.统一包管理工具下载依赖

团队开发项目的时候,需要统一包管理器工具,因为不同包管理器工具下载同一个依赖,可能版本不一样,导致项目出现bug问题,因此包管理器工具需要统一管理!!!
在根目录创建scritps/preinstall.js文件:
在这里插入图片描述

添加下面的内容:

if (!/pnpm/.test(process.env.npm_execpath || '')) {
  console.warn(
    `\u001b[33mThis repository must using pnpm as the package manager ` +
    ` for scripts to work properly.\u001b[39m\n`,
  )
  process.exit(1)
}

在package.json中配置命令:

"scripts": {
	"preinstall": "node ./scritps/preinstall.js"
}

ps:必须先执行一次pnpm run preinstall。
这时候,当我们使用npm或者yarn来安装包的时候,就会报错了。原理就是在install的时候会触发preinstall(npm提供的生命周期钩子)这个文件里面的代码。
在这里插入图片描述
在这里插入图片描述

4.npm、pnpm、yarn的区别

(1)下载速度
npm采用在下载依赖时会先下载依赖树上所有的依赖包到本地缓存中,实际也就是串行下载,在串行下载依赖包时,需要等待一个依赖包下载完成后才能开始下载下一个依赖包

yarn是并行下载,在并行下载依赖包时,可以同时从多个远程仓库下载依赖包。这样可以减少网络延迟,从而加快下载速度

pnpm 采用类似 yarn 的方式,并且它还有更快的特性,即多个项目可以共享同一份缓存,这可以减少磁盘空间的使用。

(2)安装依赖的方式不同
npm 在安装依赖时会将依赖包复制到项目目录的 node_modules 文件夹下。这种方式可能会导致同一个依赖包在多个项目中出现多次,浪费磁盘空间。而 yarn 和 pnpm 则将依赖包安装在单个全局缓存中,并将符号链接放在每个项目的 node_modules 文件夹下,以达到共享依赖包的目的。

(3)离线模式
npm yarn 和 pnpm 支持离线模式,可以在没有网络连接的情况下进行安装和更新依赖包。此外,它们还提供了更好的交互式命令行界面,以及更友好的错误信息提示。
yarn、pnpm默认开启,npm需要使用 npm install --offline 命令可以启用离线模式

评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

太阳与星辰

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值