本文記錄了一下用 pnpm 新建一個(gè) monorepo 的全過(guò)程。

1. 初始化倉(cāng)庫(kù)

$ cd test-pnpm-monorepo
$ pnpm init -f     # 生成 package.json 文件

2. 新建 pnpm-workspace.yaml 文件

根目錄下，新建 pnpm-workspace.yaml，文件內(nèi)容如下，

packages:
  - 'packages/**'

表明 所有 packages/ 目錄下的文件夾，被自動(dòng)識(shí)別為一個(gè) package。

3. 新建子項(xiàng)目

$ mkdir packages && mkdir packages/app && mkdir packages/lib # 新建 app 和 lib 兩個(gè) package
$ cd packages/app && pnpm init -f && cd ...  # 初始化 app package
$ cd packages/app && pnpm init -f && cd ...  # 初始化 lib package

以上新建了兩個(gè) package，分別為 app 和 lib，
我們還需改一下 packages/app/package.json 和 packages/lib/package.json 中的 name，
增加統(tǒng)一的命名空間：@test，

{
  "name": "@test/app",
  ...
}

{
  "name": "@test/lib",
  ...
}

4. 依賴的安裝

（1）全局依賴

$ pnpm i typescript -D -W    # `-W` 參數(shù)

最外層 package.json，

{
  "name": "test-pnpm-monorepo",
  ...
  "devDependencies": {
    "typescript": "^4.5.4"
  }
}

（2）特定 package 增加外部依賴

$ pnpm i debug --filter @test/lib    # `--filter` 為制定 package 添加依賴

packages/lib/package.json

{
  "name": "@test/lib",
  ...
  "dependencies": {
    "debug": "^4.3.3"
  }
}

（3）內(nèi)部依賴

$ pnpm i @test/lib --filter @test/app    # 指定命令空間 @test/lib，指定為 @test/app 添加依賴

packages/app/package.json

{
  "name": "@test/app",
  ...
  "dependencies": {
    "@test/lib": "workspace:^1.0.0"
  }
}

5. 目錄結(jié)構(gòu)

test-pnpm-monorepo
├── README.md
├── package.json
├── packages
|  ├── app
|  |  ├── package.json
|  |  └── pnpm-lock.yaml
|  └── lib
|     ├── package.json
|     └── pnpm-lock.yaml
├── pnpm-lock.yaml
└── pnpm-workspace.yaml

6. 寫(xiě)一些示例代碼

github: thzt/test-pnpm-monorepo