0Pricing
TypeScript Academy · レッスン

Project References（入門）

コードを複数のtsconfigプロジェクトに分割し、参照関係を設定して増分ビルドを高速化します

「Project References（入門）」はCoddyKit上の無料TypeScript Academyレッスンです。 これはレッスン3/3です。 下記で完全なレッスンを無料で読むことができます。その後、ブラウザ内の組み込みコードエディタと24時間対応のAIチューターでハンズオン演習できます。 これはTypeScript Academy学習パスの一部であり、ウェブとCoddyKitアプリ全体で進捗が同期されます。 TypeScript Academyコースには全3レッスンが含まれています。

導入

目標：Project References を学びます。複数の tsconfig プロジェクトを接続し、ビルド速度と構成を改善します。

ルート設定

ルートに references 配列を追加します。各パスは別の tsconfig プロジェクトのフォルダーを指します。

// tsconfig.json (root)
{
  "files": [],
  "references": [
    { "path": "./core" },
    { "path": "./web" }
  ]
}

composite プロジェクト

参照される各プロジェクトで composite を有効にする必要があります。これにより、TypeScript は依存関係の追跡に必要なメタデータを出力できます。

// core/tsconfig.json
{
  "compilerOptions": {
    "composite": true,
    "outDir": "../dist/core"
  },
  "include": ["src"]
}

別のプロジェクトを参照

web プロジェクトは core を参照します。tsc は最初に core をビルドし、出力を再利用してから web をビルドします。

// web/tsconfig.json
{
  "compilerOptions": {
    "composite": true,
    "outDir": "../dist/web"
  },
  "references": [
    { "path": "../core" }
  ]
}

ビルドコマンド

tsc --build（または -b）を使用して、参照されているすべてのプロジェクトをコンパイルします。インクリメンタルビルドは大幅に高速です。

// Build all projects
npx tsc --build

// Incremental rebuild when only core changes
npx tsc --build core

IDE のサポート

VS Code は Project References を理解しているため、プロジェクト間の移動、エラーの一貫した表示、宣言出力の再利用ができます。

メリットの確認

簡単な確認：Project References の主なメリットは何ですか？

振り返り

振り返り：Project References は、composite 設定を持つサブプロジェクトにコードを分割します。大規模なリポジトリでビルド速度と構成を改善します。

よくある質問

「Project References（入門）」レッスンは無料ですか？

はい。「Project References（入門）」の完全なテキストはこのウェブで無料で読めます。インタラクティブに演習し（組み込みコードエディタと24時間対応のAIチューター）、TypeScript Academyコースの残りをアンロックするには、CoddyKit PROにアップグレードしてください。 TypeScript Academyコースには全3レッスンが含まれています。

「Project References（入門）」で何を学びますか？

コードを複数のtsconfigプロジェクトに分割し、参照関係を設定して増分ビルドを高速化します ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

TypeScript Academyを始めるのに経験は必要ですか？

事前経験は必要ありません。CoddyKitのTypeScript Academyは初級者から上級者向けに構成されているため、ここから始めるか最初から始めて、自分のペースで進むことができます。 これはレッスン3/3です。

「Project References（入門）」レッスンにはどのくらい時間がかかりますか？

ほとんどのCoddyKitレッスンは約5～10分かかります。各レッスンはコンパクトでインタラクティブなので、着実に進歩し、ウェブとアプリ全体で正確に前回の場所から再開できます。

このTypeScript Academyレッスンでコードを書いて実行できますか？

はい。すべてのTypeScript Academyレッスンに組み込みコードエディタが含まれているため、ブラウザでリアルコードを書いて実行し、即座のAIフィードバックを取得できます。ローカル設定は不要です。

このコースのすべてのレッスン

  1. strictnessフラグ
  2. Target、lib、module、JSXの設定
  3. Project References（入門）
← TypeScript Academyに戻る