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
相关推荐
其美杰布-富贵-李4 分钟前
03 ref、reactive 与 computed 响应式数据
前端·javascript·vue.js
OpenTiny社区6 分钟前
GenUI SDK v1.3.0 发布|多框架兼容,一键换物料,渲染器 & 演练场全面增强!
前端·ai编程
用户938515635078 分钟前
useRef + Web Worker 实战:React 如何优雅地拥抱多线程
前端·javascript·react.js
他们叫我秃子30 分钟前
前端开发转 Go 全栈(五):终于遇到熟人了,Go 的闭包和高阶函数原来这么像 JavaScript
前端·后端·go
用户615958680002232 分钟前
从 0 写一个迷你 wujie:用原生 Web API 实现微前端
前端
妙码生花33 分钟前
从 PHP 到 AI + Golang,程序员自救转型手记(五十七):AI时代对组件封装的新理解、agInput 统一入口,动态表单预备
前端·后端·go
fairyly34 分钟前
接手新项目不用硬啃源码,我的 TRAE Work 快速上手实战工作流
前端·ai编程·trae
搬砖记录员35 分钟前
用 PyAutoGUI 手搓录屏"老板键":从原理到四套可跑源码,附工程化落地思考
前端
windliang35 分钟前
Claude Code 源码分析(七):Skill 如何进入 Agent
前端·人工智能·面试
栀鸢ouo36 分钟前
《Vue 3 实现多主题切换和自定义主题》
前端