pnpm

# npm i
pnpm i

# 不更新 pnpm-lock.yaml
pnpm i --frozen-lockfile

# 只更新 pnpm-lock.yaml
pnpm i --lockfile-only

# 强制重新安装所有依赖项
pnpm i --force

# npm i <pkg>
pnpm add <pkg>

# npm i <pkg> -D
pnpm add -D <pkg>

# npm i <pkg> -g
pnpm add -g <pkg>

# 仅添加在 workspace 找到的依赖项
pnpm add -W <pkg>

pnpm --filter <pkg-selector> i lodash

# npm run <cmd>
pnpm run <cmd>

# 遵循 package.json 指定的范围更新所有的依赖项
pnpm update

pnpm update <pkg>

# npm uninstall <pkg>
pnpm remove <pkg>

创建一个非扁平的 node_modules 目录

动态包执行

从源中获取包而不将其安装为依赖项，热加载，并运行它公开的任何默认命令二进制文件。

pnpm dlx create-react-app ./my-app

pnpm link

https://pnpm.io/zh/cli/link

monorepo

代码：https://github.com/zlx01/pnpm-monorepo

1. 初始化工程

pnpm init

2. 创建 pnpm-workspace.yaml

packages:
  - 'packages/**'

3. 创建 packages/common

导出方法

export default function printPoem(num) {
  console.log("可怜白骨攒孤冢，尽为将军觅战功。", num);
}

修改 package.json

{
    "type": "module"
}

4. 创建 packages/page1

# vue项目
pnpm create vite page1

cd page1
pnpm install

# 修改vite.config.js运行在3001端口
pnpm run dev

5. 创建 packages/page2

# react项目
pnpm create vite page2

cd page2
pnpm install

# 修改vite.config.js运行在3002端口
pnpm run dev

6. 创建 packages/server

pnpm install common
pnpm install express

可以看到如果依赖的是当前项目的模块，版本号会有 workspace: 前缀

{
    "dependencies": {
    	"common": "workspace:^1.0.0",
    	"express": "^4.18.2"
  	}
}

src/index.js

import printPoem from "common";
import express from "express";
import _ from "lodash";

// 可以使用项目共享的lodash依赖以及当前项目的模块依赖
printPoem(_.random(10, 20));

const app = express();
const port = 8080;

app.all("*", function (req, res, next) {
  res.header("Access-Control-Allow-Host", "*");
  res.header("Access-Control-Allow-Origin", "*");
  res.header("Access-Control-Allow-Methods", "PUT,POST,GET,DELETE,OPTIONS");
  next();
});

app.get("/", (req, res) => {
  res.send("Hello world!");
});

app.listen(port, () => {
  console.log(`App listening on port ${port}`);
});

观察依赖提升