[Javascript入門した]tsconfig.jsonについて

このページについて

私個人の備忘録シリーズです.
体系的な解説ではないので悪しからず.

tsconfig.jsonとは

tsconfig.jsonは、Typescriptプロジェクトで使用される設定ファイルで、Typescriptコンパイラがどのようにコードをコンパイルするかを記載したファイル.

主な役割

• コンパイル対象の指定
  どのTypescriptファイル（.ts）をコンパイルするかを指定できる.
• コンパイラオプションの設定
  どのバージョンのJavascriptにコンパイルするかや、型チェックの厳しさを調整するなどの、コンパイル時の動作について詳細に設定できる.

主な要素

• compilerOptions

コンパイラの動作を制御するオプションの指定

"compilerOptions": {
  "target": "es5",                  // どのバージョンのJavaScriptにコンパイルするか
  "module": "commonjs",              // モジュールシステムの指定（例: "commonjs", "es6"など）
  "strict": true,                    // 厳格モード（型チェックを強化）
  "esModuleInterop": true,           // ESモジュールの互換性
  "outDir": "./dist",                // コンパイル後の出力先ディレクトリ
  "sourceMap": true                  // ソースマップの生成（デバッグのため）
}

• include
  コンパイルするファイルやディレクトリを指定する.

"include": ["src/**/*"]

• exclude
  コンパイルの対象としないファイルを明示的に指定する.

• files
  コンパイルするファイルの指定.
  includeとは違い、こちらはファイルを個別に指定する.