pnpm 使用和原理

原来项目的痛点:程序员的电脑中有多个项目,每一个项目都有 node_modules ,node_modules 文件占用了大量的存储空间。

前期知识:软连接、硬链接

硬链接

        电脑文件系统中的多个文件平等地共享同一个文件存储单元,删除一个文件名字后,还可以用其它名字继续访问该文件。

软连接

        以绝对路径或者相对路径的形式指向其它文件或者目录的引用.

硬链接和软连接的举例

  • 文件的拷贝:在硬盘中复制出来一份新的文件数据 

window: copy foo.js foo_copy.js  

macos : cp foo.js foo_copy.js

  •  文件的硬链接

window: mklink /H aaa_hard.js aaa.js

macos : ln foo.js foo_hard.js

  • 文件的软连接(快捷方式)

window: mklink aaa_soft.js aaa.js  

macos : ln -s foo.js foo_copy.js

 pnpm作用:

        当使用 npm 或 Yarn 时,如果有 100 个项目,并且所有项目都有一个相同的依赖包,那么, 你在硬盘上就需要保存 100 份该相同依赖包的副本(相当于文件的拷贝)。

        使用 pnpm,100个项目的依赖包将被存放在一个统一的位置。

        1. 如果你对同一依赖包使用相同的版本,那么磁盘上只有这个依赖包的一份文件;

        2. 如果你对同一依赖包需要使用不同的版本,则仅有版本之间不同的文件会被存储起来;

         所有文件都保存在硬盘上的统一的位置: 当安装软件包时, 其包含的所有文件都会硬链接到此位置,而不会占用 额外的硬盘空间。

示意图:左侧是NPM/yarn方式,每一个项目都有独自的依赖包文件夹,右侧公用。

pnpm  创建非扁平的 node_modules 目录
什么是 扁平化?
        项目中有很多包的依赖,一个包也会依赖其他包。 将一个包和他的依赖包放在同级的node_modules目录下(扁平化)。
优点: 其他包依赖已有的包的依赖包时,不用下载了。
缺点:源码可以访问 本不属于当前项目所设定的依赖包(依赖包不是开发者主观意识下载的包,但是可以在项目中用,存在的风险是删除包的时候,依赖包可能被删除)
举例:使用 pnpm 下载 axios 
1. pnpm add axios
2. node_modules 下的目录结构

        require 引用 axios,会去 node_modules 中找,只能看到 axios 包,解决了node_modules中包含非主观想要的包的问题,axios 的依赖包不在 node_modules 下。 

 pnpm的安装和使用

安装:npm i pnpm -g

pnpm的官网:https://pnpm.io/zh/

pnpm store的存储位置
        pnpm 下载的包统一放置在一个目录下,通过终端命令获取目录: pnpm store path
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值