柚子快報(bào)邀請(qǐng)碼778899分享：pnpm實(shí)戰(zhàn)教程

http://yzkb.51969.com/

一、概述

1、更小 使用 npm 時(shí)，依賴每次被不同的項(xiàng)目使用，都會(huì)重復(fù)安裝一次。 而在使用 pnpm 時(shí)，依賴會(huì)被存儲(chǔ)在內(nèi)容可尋址的存儲(chǔ)中。

2、更快

依賴解析。 倉(cāng)庫(kù)中沒(méi)有的依賴都被識(shí)別并獲取到倉(cāng)庫(kù)。目錄結(jié)構(gòu)計(jì)算。 node_modules 目錄結(jié)構(gòu)是根據(jù)依賴計(jì)算出來(lái)的。鏈接依賴項(xiàng)。 所有以前安裝過(guò)的依賴項(xiàng)都會(huì)直接從倉(cāng)庫(kù)中獲取并鏈接到 node_modules。

3、扁平化 使用 npm 或 Yarn Classic 安裝依賴項(xiàng)時(shí)，所有的包都被提升到模塊目錄的根目錄。 這樣就導(dǎo)致了一個(gè)問(wèn)題，源碼可以直接訪問(wèn)和修改依賴，而不是作為只讀的項(xiàng)目依賴。

默認(rèn)情況下，pnpm 使用符號(hào)鏈接將項(xiàng)目的直接依賴項(xiàng)添加到模塊目錄的根目錄中。

可以看到cookie在express中被引用時(shí)，只是在依賴項(xiàng)中存放了硬鏈接，真正的包是在扁平化的一級(jí)目錄中。

二、安裝

windows下基于npm安裝：

npm i -g pnpm

window下使用獨(dú)立腳本安裝：

iwr https://get.pnpm.io/install.ps1 -useb | iex

//默認(rèn)安裝路徑：`C:\Users\【用戶名】\AppData\Local\pnpm`

//如果想要指定安裝目錄，請(qǐng)?zhí)崆霸O(shè)置環(huán)境變量：【PNPM_HOME】=[指定目錄](méi)

三、配置

pnpm 設(shè)置配置的方式與 npm 相同。并且直接沿用npm的配置，例如，

npm config list

pnpm config list

pnpm config get

pnpm config set

pnpm config delete

可以看到，兩種list命令打印結(jié)果是一模一樣的。

pnpm config list

pnpm config get

pnpm config set

pnpm config delete

四、過(guò)濾

匹配：filter

過(guò)濾允許您將命令限制于包的特定子集?？赏ㄟ^(guò) --filter (或 -F) 標(biāo)志制定選擇器：

pnpm -F start

pnpm --filter start

上面的命令會(huì)進(jìn)入 project1 項(xiàng)目，并且執(zhí)行 pnpm run start 命令。

排除：！

任何過(guò)濾規(guī)則選擇器都可以作為排除項(xiàng)，只要在開頭添加一個(gè)"!"。

例如，這將在除 foo 以外的所有項(xiàng)目中運(yùn)行一個(gè)命令：

pnpm --filter=!foo

五、pnpm:devPreinstall腳本

pnpm:devPreinstall 是一個(gè)特殊的生命周期腳本，用于在執(zhí)行 pnpm install 命令時(shí)運(yùn)行。這個(gè)腳本通常用于在安裝依賴之前執(zhí)行一些自定義的操作，例如構(gòu)建或配置過(guò)程。

打開 package.json 文件，在 scripts 部分添加如下代碼：

{

"scripts": {

"pnpm:devPreinstall": "your-command-here"

}

}

六、管理依賴

1、安裝：pnpm add

pnpm add //保存到 dependencies

pnpm add -D //保存到 devDependencies

pnpm add -O //保存到 optionalDependencies

pnpm add -g //安裝到全局

pnpm add -w //安裝到根項(xiàng)目（即使是在子目錄下執(zhí)行，也同樣會(huì)安裝到根項(xiàng)目）

pnpm add @next //從 next 標(biāo)簽下安裝

pnpm add @latest //從 latest 標(biāo)簽下安裝

pnpm add @3.0.0 //安裝指定版本 3.0.0

//從本地安裝

pnpm add ./package.tar.gz

pnpm add ./some-directory

//從遠(yuǎn)端安裝 Tar 包

pnpm add https://github.com/indexzero/forever/tarball/v0.5.6

//從 git 安裝

pnpm add

配置項(xiàng)說(shuō)明：

--save-prod, -P 將指定的軟件包安裝為常規(guī)的 dependencies。 --save-dev, -D 將指定的 packages 安裝為 devDependencies。 --save-optional, -O 將指定的 packages 安裝為 optionalDependencies。 --save-exact, -E 保存的依賴會(huì)被指定為一個(gè)確切的版本, 而不是使用 pnpm 的默認(rèn) semver range operator 配置. --save-peer 使用 --save-peer 會(huì)添加一個(gè)或多個(gè) peerDependencies 的 package 并安裝到 dev dependencies. --ignore-workspace-root-check 使用--ignore-workspace-root-check 或 -w 來(lái)向 workspace 根目錄添加依賴。例如, pnpm add debug -w. --global, -g 安裝全局依賴 --workspace 僅添加在 workspace 找到的依賴項(xiàng).

在全局安裝一些命令行依賴時(shí)，命令行對(duì)應(yīng)的bin文件，pnpm默認(rèn)會(huì)復(fù)制一份到PNPM_HOME環(huán)境變量對(duì)應(yīng)的目錄下，例如執(zhí)行：pnpm add express express-generator -g后，根目錄就出現(xiàn)express命令行對(duì)應(yīng)的bin文件：

2、安裝：pnpm install 等同于pnpm i，用于安裝項(xiàng)目所有依賴.

3、更新：pnpm update 別名：up、upgrade。根據(jù)指定的范圍更新軟件包的最新版本。默認(rèn)會(huì)更新所有依賴關(guān)系。

CommandMeaningpnpm up遵循 package.json 指定的范圍更新所有的依賴項(xiàng)pnpm up --latest更新所有依賴項(xiàng)，此操作會(huì)忽略 package.json 指定的范圍pnpm up foo@2將 foo 更新到 v2 上的最新版本pnpm up "@babel/*"更新 @babel 范圍內(nèi)的所有依賴項(xiàng)

4、刪除：pnpm remove 別名：rm、uninstall、un 從 node_modules 和項(xiàng)目的 package.json 中刪除相關(guān) packages。

5、連接：pnpm link 別名：ln 使當(dāng)前本地包可在系統(tǒng)范圍內(nèi)或其他位置訪問(wèn)。

pnpm link