13 Web全栈 pnpm

什么是pnpm?

可以理解成performant npm缩写

速度快、节省磁盘空间的软件包管理器

特点

  1. 快速- pnpm比其他包管理器快2倍
  2. 高效- node_modules中的文件链接自特定的内容寻址存储库
  3. 支持monorepos- 内置支持单仓多包
  4. 严格- pnpm默认创建了一个非平铺的node_modules 因此代码无法访问任意包

哪些公司在用?

复制代码
包括vue在内的很多或开源项目的包管理工具都切换到了pnpm

硬链接和软连接的概念

硬链接

是电脑文件系统中的多个文件平等的共享同一个文件存储单元

删除一个文件名后,还可以用其他名字继续访问该文件

软件连(符号链接)

是一类特殊的文件

包含一条以绝对路径或相对路径的形式指向其他文件或者目录的引用

桌面快捷方式

建立硬链接

复制代码
ln source target

建立软连接

复制代码
ln -s source target 

pnpm 到底做了什么 ?

当使用npm 或yarn时, 如果你又100个项目,并且所有项目都有一个相同的依赖包,那么,你的硬盘上就需要保存100份该相同依赖包的副本

如果你是pnpm 依赖包将被放在一个统一的位置,因此:

  • 如果你对同一依赖包使用相同的版本,那么磁盘上只有这个依赖包的一份文件
  • 如果你对同一依赖包需要使用不同版本,则仅有版本之间不同的文件或被存储起来
  • 所有文件都保存在硬盘上的统一位置。当安装软件包时,其包含的所有文件都会硬链接到此位置,而不会占用额外的硬盘空间。这让你可以在项目之间方便的共享相同版本的依赖包

pnpm创建非扁平的node_modules目录

当使用npm或yarn Classic安装依赖包时,所有软件包都将被提升到node_modules的根目录下。其结果是,源码可以访问本不属于当前项目所设定的依赖包

安装

复制代码
npm i -g pnpm

与npm等价命令对照表

pnpm的存储store

在pnpm7.0之前,统一的存储位置是~/.pnpm-sttore中的

在pnpm7.0之后。在macOS上~/Library/pnpm/store

复制代码
pnpm store path 

另外一个非常重要的命令prune(清减)

复制代码
pnpm store prune
相关推荐
be or not to be19 小时前
CSS 定位机制与图标字体
前端·css
DevUI团队20 小时前
🔥Angular高效开发秘籍:掌握这些新特性,项目交付速度翻倍
前端·typescript·angular.js
Moment20 小时前
如何在前端编辑器中实现像 Ctrl + Z 一样的撤销和重做
前端·javascript·面试
宠..20 小时前
优化文件结构
java·服务器·开发语言·前端·c++·qt
Tencent_TCB20 小时前
AI Coding全流程教程——0基础搭建“MEMO”健康打卡全栈Web应用(附提示词)
前端·人工智能·ai·ai编程·codebuddy·claude code·cloudbase
小猪猪屁20 小时前
权限封装不是写个指令那么简单:一次真实项目的反思
前端·javascript·vue.js
hteng20 小时前
跨域 Iframe 嵌套:调整内部 Iframe 高度的终极指南 (以及无解的真相)
前端
Polaris_o20 小时前
轻松上手Bootstrap框架
前端
1024小神20 小时前
微信小程序前端扫码动画效果绿色光效移动,四角椭圆
前端
C_心欲无痕20 小时前
网络相关 - 强缓存与协商缓存讲解
前端·网络·网络协议·缓存