TurborepoとPNPMの組み合わせは、最新のJavaScriptとTypeScript Monolithic Warehousesに優(yōu)先ソリューションです。これは、迅速なインストール、信頼性の高い依存関係解像度、共有キャッシュ、並列タスク実行、優(yōu)れたツールサポートを提供するためです。最初にプロジェクトを初期化し、PNPM-Workspace.yamlを作成してワークスペース構(gòu)造を定義し、ターボレポを開発依存関係としてインストールし、ターボ.jsonを設(shè)定してビルドパイプラインを定義し、各パッケージにJSONを設(shè)定し、PNPMのワークスペースプロトコルを使用してPNPMを參照し、PNPMにアクセスします。ターボコマンドは、ビルド、テスト、開発タスクを?qū)g行します。また、PNPMのPublic-Hoist-Patternを有効にして、ツールモジュールが見(jiàn)つからない問(wèn)題を回避し、Turborepoリモートキャッシュを構(gòu)成するようにチームコラボレーション効率を改善し、PNPMのパッチを使用し、PRATCOLセキュリティ管理を使用します。 .gitignore、それにより効率的で拡張可能なモノリシック倉(cāng)庫(kù)アーキテクチャを達(dá)成します。

TurborepoとPNPMを備えたMonoreposの構(gòu)築は、特に複數(shù)のパッケージやアプリで作業(yè)し、高速で効率的なビルドと依存管理管理を必要とする場(chǎng)合、最新のJavaScriptおよびTypeScriptプロジェクトの頼りになるセットアップとなっています。このコンボがうまく機(jī)能する方法と、効果的にセットアップする方法は次のとおりです。

なぜTurborepo PNPM？

Turborepoは、JavaScriptおよびTypeScript Monorepos用に最適化された高性能ビルドシステムです。キャッシュは結(jié)果を構(gòu)築し、タスクを並行し、依存性グラフ分析をレバレッジして、不必要な作業(yè)を避けます。

PNPMは、ハードリンクとシンリンクを使用してスペースを節(jié)約してインストールをスピードアップする高速でディスク効率の高いパッケージマネージャーです。また、厳格な依存関係解像度を?qū)g施します。これは、「ファントム依存関係」を回避するのに役立ちます。これは、Monoreposでの大きな勝利です。

一緒に、彼らは提供します：

• 高速インストール（PNPMの効率的なnode_modulesレイアウトのおかげです）
• 信頼できる依存関係解像度
• パッケージ全體で共有キャッシュ
• インテリジェントな無(wú)効化による並列タスクの実行（Turborepo）
• 優(yōu)れたタイプスクリプトと最新のJS/TSツールサポート

TurborepoとPNPMでモノレポをセットアップします

1。プロジェクトを初期化します

新しいディレクトリを作成し、 pnpm-workspace.yamlファイルを使用してPNPMを設(shè)定して、モノレポ構(gòu)造を定義することから始めます。

 mkdir mymonorepo
CD mymonorepo
PNPM init

pnpm-workspace.yamlを作成します：

パッケージ：
   -  'apps/*'
   - 「パッケージ/*」

これにより、PNPMは、すべてのパッケージをapps/およびpackages/ワークスペースの一部として含めることを指示します。

2。Turborepoをインストールします

Turborepoを開発者の依存関係としてインストールします。

 pnpm add -dターボ

turbo.jsonを構(gòu)成します

ルートでturbo.jsonを作成します：

 {
  「$ schema」： "https://turbo.build/schema.json"、
  「パイプライン」：{
    "建てる"： {
      「outputs」：["dist/**"、 "build/**"]、
      「Depenson」：["^build"]
    }、
    "テスト"： {
      「Depenson」：["Build"]、
      「入力」：["src"、 "test"]
    }、
    「リント」：{
      「出力」：[]
    }、
    "dev"：{
      「キャッシュ」：偽
    }
  }
}

これは、一般的なタスク（ build 、 test 、 lint 、 dev ）とその関係を定義します。 dependsOn: ["^build"]パッケージのビルドが依存関係のビルドを待つことを意味します。

4.個(gè)々のパッケージを設(shè)定します

構(gòu)造の例：

 /apps/web
/apps/api
/パッケージ/ui
/パッケージ/utils

各パッケージには獨(dú)自のpackage.jsonがあります。たとえば、 /packages/ui/package.json package.json：

 {
  「名前」： "@mymonorepo/ui"、
  「バージョン」：「0.1.0」、
  「メイン」：「dist/index.js」、
  「タイプ」：「dist/index.d.ts」、
  「スクリプト」：{
    「ビルド」：「TSC」、
    「Lint」：「Eslint SRC」
  }、
  「依存関係」：{
    「反応」：「^18.0.0」
  }、
  「devdependicies」：{
    「タイプスクリプト」：「^5.0.0」
  }
}

and /apps/web/package.jsonそれに依存できます。

 「依存関係」：{
  「@mymonorepo/ui」： "*"
  「次」：「^13.0.0」、
  「反応」：「^18.0.0」
}

PNPMワークスペースであるため、 *を使用してローカルパッケージを參照できます。

5. Turborepoでタスクを?qū)g行します

turboを使用して、モノレポ全體にスクリプトを?qū)g行します。

 ＃すべてのパッケージを構(gòu)築します
PNPMターボビルド

＃すべてのパッケージでテストを?qū)g行します
PNPMターボテスト

＃devサーバーを開始します（例：next.js express）
PNPM Turbo Dev

Turborepoは次のとおりです。

• トポロジ順にタスクを?qū)g行します
• キャッシュ結(jié)果（ローカルまたはリモート）
• 入力が変更されていない場(chǎng)合は、作業(yè)をスキップします

PNPMおよびTurborepo機(jī)能で最適化します

pnpmのpublic-hoist-patternを使用する（必要に応じて）

デフォルトでは、PNPMは、JestやEslintなどのツールを見(jiàn)つけるためにnode_modulesにいくつかのパッケージを開設(shè)します。これを.npmrcでカスタマイズできます。

 public-hoist-pattern [] =*eslint*
public-hoist-pattern [] =*jest*
public-hoist-pattern [] =*prettier*

これにより、グローバルなアクセスを期待するツールの「モジュールが見(jiàn)つかりません」エラーが回避されます。

Turborepoリモートキャッシングを有効にします

チームの場(chǎng)合、 Turborepoのリモートキャッシュをセットアップします。

 NPXターボログイン

それから：

 PNPMターボビルド -  Remote-Cache

現(xiàn)在、CIとチームのメンバーは、キャッシュされたビルドを共有しています。時(shí)間の節(jié)約です。

PNPMのpatch:フォークのプロトコル

依存関係にパッチを當(dāng)てる必要がありますか？ PNPMのpatch:機(jī)能を適用して追跡する機(jī)能を使用します。

一般的な落とし穴とヒント

• ターボレポでpnpm常に使用してください。ミキシングパッケージマネージャーは、シンリンクとキャッシュを破ります。

• package.jsonスクリプトをシンプルに保ちます：Turborepoを調(diào)整します。スクリプトは、ツールを呼び出すだけです（たとえば、 tsc 、 next dev ）。

• --filterを使用して特定のパッケージでタスクを?qū)g行します。

   PNPMターボビルド - フィルターWeb

• 忘れないでください.gitignore ：

   node_modules
  區(qū)別
  建てる
  。ターボ

  ---

  最終的な考え

  TurborepoとPNPMはお互いを美しく補(bǔ)完します。PNPMは依存関係を効率的かつ安全に処理しますが、ターボレポは高速でキャッシュされたタスク実行を調(diào)整します。このコンボは、軽量でスケーラブルで、複數(shù)のアプリと共有ライブラリを構(gòu)築するチームに最適です。

  一度セットアップすると、高速ローカル開発、最適化されたCI/CD、および清潔で維持可能な構(gòu)造が得られます。

  基本的に、今日J(rèn)S/TSモノレポを構(gòu)築している場(chǎng)合、このスタックはそこに最適な選択肢の1つです。

  以上がターボレポとPNPMを備えたモノレポスの構(gòu)築の詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。