tsconfig.jsonによる設定

tsconfig.json ファイルは、TypeScript プロジェクトのルート ディレクトリと、プロジェクトのビルドに必要なコンパイラ オプションを指定します。

プロジェクト ディレクトリで tsc を実行するたびに、コンパイラはコンパイル動作をガイドするためにこのファイルを検索します。

tsconfig.json ファイルの構造

一般的な構成ファイルは次のようになります。

{
  "compilerOptions": {
    "target": "es2022",
    "module": "commonjs",
    "strict": true,
    "esModuleInterop": true,
    "skipLibCheck": true,
    "forceConsistentCasingInFileNames": true,
    "outDir": "./dist"
  },
  "include": ["src/**/*"],
  "exclude": ["node_modules", "**/*.spec.ts"]
}

主なプロパティは次のとおりです。

• compilerOptions: コンパイラの設定。
• include: コンパイルするファイルまたはフォルダーを指定します。
• exclude: コンパイル中に無視するファイルまたはフォルダーを指定します。

主要なコンパイラ オプション

知っておくべき最も重要な設定のいくつかを次に示します。

1. target: コンパイラーによって出力される JavaScript のバージョンを指定します (例: es5、es6/es2015、es2020、esnext)。
2. module: コンパイルされたコードで使用されるモジュール システムを指定します (例: commonjs、esnext、node16)。
3. strict: 広範な厳密な型チェック動作を有効にします。型の安全性を最大限に高めるために、これを true に設定することを強くお勧めします。次のようなオプションが有効になります。
   • noImplicitAny: 型アノテーションが提供されていない場合、暗黙の any 型を含む式および宣言でエラーが発生します。
   • strictNullChecks: null または undefined を、共用体に明示的に含まない型に割り当てることを防ぎます。

自分で試してみてください

演習 1: strictNullCheck の処理

演習 2: 暗黙的な Any を使用しない厳密な型付け