0Pricing
TypeScript Academy · レッスン

Incremental BuildとDeclaration File

incrementalとDeclaration出力でコンパイルを高速化します。

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

ようこそ

インクリメンタルコンパイルと宣言ファイルを使うと、TypeScriptのビルド性能とライブラリ公開を最適化できます。

incrementalフラグ

TypeScriptはビルド情報を.tsbuildinfoファイルに保存し、次回以降のビルドで変更されていないファイルをスキップします。
{ "compilerOptions": { "incremental": true, "tsBuildInfoFile": "./dist/.tsbuildinfo" } }

インクリメンタルコンパイルの仕組み

初回のビルドではTypeScriptがすべてをチェックします。以降のビルドでは、変更されたファイルとその依存ファイルだけが再コンパイルされます。

declarationフラグ

.js出力とともに.d.ts宣言ファイルを出力します。ライブラリを公開する場合に必要です。
{ "compilerOptions": { "declaration": true, "declarationDir": "./dist/types" } }

declarationMap

宣言を元のTypeScriptソースに対応付ける.d.ts.mapソースマップを出力します。
{ "compilerOptions": { "declarationMap": true } }

emitDeclarationOnly

.jsを出力せず、.d.tsファイルだけを出力します。JavaScriptをバンドラーが処理する場合に便利です。
{ "compilerOptions": { "emitDeclarationOnly": true } }

プロジェクト参照

モノレポでは、composite: trueとプロジェクト参照を組み合わせて、複数パッケージのビルドを効率化します。
{ "compilerOptions": { "composite": true } }

tsc --build

tsc --build（またはtsc -b）を使って、参照関係のあるプロジェクトをビルドします。
npx tsc --build
npx tsc -b --clean # remove all outputs

skipLibCheck

ビルドを高速化するため、node_modules内の.d.tsファイルの型チェックをスキップします。
{ "compilerOptions": { "skipLibCheck": true } }

noEmitOnError

型エラーがある場合に、JavaScriptを出力しないようにします。
{ "compilerOptions": { "noEmitOnError": true } }

ウォッチモードの性能

ウォッチモードのインクリメンタルビルドでは、フィードバックを高速化するため、変更されたファイルだけを再コンパイルします。
npx tsc --watch # uses incremental by default in watch mode

確認問題

`declaration: true`というコンパイラーオプションは何をしますか？

まとめ

インクリメンタルビルドと宣言ファイル：重要な概念とパターンを身につけました。

よくある質問

「Incremental BuildとDeclaration File」レッスンは無料ですか？

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

「Incremental BuildとDeclaration File」で何を学びますか？

incrementalとDeclaration出力でコンパイルを高速化します。 ブラウザで直接実行するハンズオンコードでTypeScript Academyを演習し、24時間対応のAIチューターがレッスンを進める中での質問に答えます。

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

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

「Incremental BuildとDeclaration File」レッスンにはどのくらい時間がかかりますか？

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

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

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

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

  1. strictフラグと有効になる機能
  2. ModuleとTargetの設定
  3. Path AliasとbaseUrl
  4. Incremental BuildとDeclaration File
← TypeScript Academyに戻る