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
相关推荐
耶啵奶膘1 小时前
uniapp-是否删除
linux·前端·uni-app
王哈哈^_^2 小时前
【数据集】【YOLO】【目标检测】交通事故识别数据集 8939 张,YOLO道路事故目标检测实战训练教程!
前端·人工智能·深度学习·yolo·目标检测·计算机视觉·pyqt
cs_dn_Jie3 小时前
钉钉 H5 微应用 手机端调试
前端·javascript·vue.js·vue·钉钉
开心工作室_kaic3 小时前
ssm068海鲜自助餐厅系统+vue(论文+源码)_kaic
前端·javascript·vue.js
有梦想的刺儿4 小时前
webWorker基本用法
前端·javascript·vue.js
cy玩具4 小时前
点击评论详情,跳到评论页面,携带对象参数写法:
前端
qq_390161775 小时前
防抖函数--应用场景及示例
前端·javascript
John.liu_Test5 小时前
js下载excel示例demo
前端·javascript·excel
Yaml46 小时前
智能化健身房管理:Spring Boot与Vue的创新解决方案
前端·spring boot·后端·mysql·vue·健身房管理
PleaSure乐事6 小时前
【React.js】AntDesignPro左侧菜单栏栏目名称不显示的解决方案
前端·javascript·react.js·前端框架·webstorm·antdesignpro