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
相关推荐
漂流瓶jz6 小时前
总结CSS组件化演进之路:命名规范/CSS Modules/CSS in JS/原子化CSS
前端·javascript·css
踩着两条虫7 小时前
「AI + 低代码」的可视化设计器
开发语言·前端·低代码·设计模式·架构
Jagger_7 小时前
项目上线忙碌结束之后,为什么总想找点事做?
前端
GalenZhang8887 小时前
OpenClaw 配置多个飞书账号实战指南
前端·chrome·飞书·openclaw
萌新小码农‍9 小时前
python装饰器
开发语言·前端·python
threelab9 小时前
Three.js 初中数学函数可视化 | 三维可视化 / AI 提示词
开发语言·前端·javascript·人工智能·3d·着色器
爱学习的程序媛9 小时前
浏览器工作原理全景解析
前端·浏览器·web
我是若尘10 小时前
用 Git Worktree 同时开多个需求,不用来回 stash
前端
IT_陈寒11 小时前
Vue的v-for为什么不加key也能工作?我差点翻车
前端·人工智能·后端
小碗羊肉11 小时前
【JavaWeb | 第十二篇】项目实战——登录功能
java·前端·数据库