跳到主要內容

食譜

TypeScript + PnP 快速入門:

  • 使用 Yarn 2 初始化儲存庫
yarn init -2
yarn add --dev typescript
yarn dlx @yarnpkg/sdks vscode

在指定目錄中執行 Yarn CLI 指令:

  • 直接在單一儲存庫中啟動新的函式庫,而無需手動為其建立目錄。
yarn packages/my-new-lib init
  • 在特定工作區中執行任意指令
yarn packages/app tsc --noEmit

混合 PnP + node_modules 單一儲存庫:

有時您可能需要僅在工作區的一部分中使用 node_modules(例如,如果您使用 React-Native)。

  • node_modules 專案建立一個獨立目錄。
mkdir nm-packages/myproj
touch nm-packages/myproj/yarn.lock
  • 啟用 node-modules 連結器
yarn --cwd packages/myproj config set nodeLinker node-modules
  • 在單一儲存庫根目錄中的主要 .yarnrc.yml 中,針對此路徑新增一個 PnP 忽略模式
pnpIgnorePatterns:
- ./nm-packages/**
  • 執行 yarn install 以在儲存庫根目錄中套用 pnpIgnorePatterns
  • 執行 cd nm-packages/myproj && yarn 以安裝現已獨立的專案。