ども、フロントエンドにハマり中のカロージです。
TypeScriptについて、今回を含め数回ほど記事にしたいと思います。

とゆーことで今回は、
TypeScript の「tsconfig.json」 の設定についてです。

tsconfig.jsonの全オプションを理解するのは
なかなか厳しいので、各オプションから、よく使うモノのみをピックアップしました。

「tsconfig.json」のオプション

1. include

   コンパイルするファイルを指定する。ワイルドカード（*,?,**/）が使える。

   "include": [ "sample.ts", ]

   1 2 3 4

   "include": [     "sample.ts",     ]

2. exclude

   指定したファイルをコンパイル対象外に指定する。こちらもワイルドカード（*,?,**/）が使える。
   「exclude」未指定の場合、「node_modules」などのディレクトリを除外してくれる。

   "exclude": [ "sample.ts", ]

   1 2 3 4

   "exclude": [     "sample.ts",     ]

3. files

   コンパイルされるファイルを指定する。こちらはワイルドカードが使えない。
   ちなみに、拡張子は省略可能。

   "files": [ "sample.ts", ]

   1 2 3 4

   "files": [     "sample.ts",     ]

4. targe

   エディション指定する。
   （es3/es5/es6とか指定できる）

   "target": "es6" // もし消した場合、es3が適応される "target":""

   1 2 3 4

   "target": "es6" // もし消した場合、es3が適応される "target":""

5. lib

   コンパイルする際に使うライブラリの指定

   // コメントを外した場合は、指定すること "lib":[ "ES6", "DOM", "DOM.Iterable", "ScriptHost", ]

   1 2 3 4 5 6 7 8 9

   // コメントを外した場合は、指定すること "lib":[     "ES6",     "DOM",     "DOM.Iterable",     "ScriptHost", ]

6. allowJs

   .jsと.jsxファイルもコンパイル対象に含めるか？の設定

   "allowJs": true

   1	"allowJs": true

7. checkJs

   JSファイルもTSファイルと同様にエラーチェックを出すか？の設定

   checkJs : true

   1	checkJs : true

8. sourceMap

   JSからファイルもTSファイルを生成する
   jsのmapファイルで、ブラウザでTSファイルを認識できるようになる

   "sourceMap": true

   1	"sourceMap": true

9. outDir

   指定したディレクトリにJSファイルを作成する。
   ちなみに、未指定は、TSファイルと同階層に生成される。

   "outDir": "./dist"

   1	"outDir": "./dist"

10. rootDir

    ルートディレクトリを指定する
    ルートディレクトリ外にTSファイルを置くとエラーになる

    "rootDir": "./src"

    1	"rootDir": "./src"

11. removeComments

    コンパイル後のJSファイルからコメントを削除するか？の設定

    "removeComments": true

    1	"removeComments": true

12. noEmitn

    エラー発生時、JSファイルを出力するか？を設定する
    ちなみに、拡張子は省略可能。

    "noEmit": true

    1	"noEmit": true

13. downLevelIteratiun

    ループ系の処理をした際にエラーが発生する場合がある（例：絵文字など）
    FORの処理で正しく動かない場合、trueにすることを検討する
    ちなみに、target: ES3、ES5の際に使用可能

    "downlevelIteration": true

    1	"downlevelIteration": true

14. strict

    Strictモードを適用する

    "strict": true

    1	"strict": true

    tsc version 4.4.2では以下の8つの項目が有効化される。個別に設定も可能

    // "noImplicitAny": true, /* Enable error reporting for expressions and declarations with an implied `any` type.. */ // "strictNullChecks": true, /* When type checking, take into account `null` and `undefined`. */ // "strictFunctionTypes": true, /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */ // "strictBindCallApply": true, /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */ // "strictPropertyInitialization": true, /* Check for class properties that are declared but not set in the constructor. */ // "noImplicitThis": true, /* Enable error reporting when `this` is given the type `any`. */ // "useUnknownInCatchVariables": true, /* Type catch clause variables as 'unknown' instead of 'any'. */ // "alwaysStrict": true, /* Ensure 'use strict' is always emitted. */

    1 2 3 4 5 6 7 8

    // "noImplicitAny": true,                            /* Enable error reporting for expressions and declarations with an implied `any` type.. */ // "strictNullChecks": true,                         /* When type checking, take into account `null` and `undefined`. */ // "strictFunctionTypes": true,                      /* When assigning functions, check to ensure parameters and the return values are subtype-compatible. */ // "strictBindCallApply": true,                      /* Check that the arguments for `bind`, `call`, and `apply` methods match the original function. */ // "strictPropertyInitialization": true,             /* Check for class properties that are declared but not set in the constructor. */ // "noImplicitThis": true,                           /* Enable error reporting when `this` is given the type `any`. */ // "useUnknownInCatchVariables": true,               /* Type catch clause variables as 'unknown' instead of 'any'. */ // "alwaysStrict": true,                             /* Ensure 'use strict' is always emitted. */

15. noImplicitAny

    暗黙的にanyになる値をエラーにする。

    "noImplicitAny": true

    1	"noImplicitAny": true

16. noUnusedLocals

    宣言のみで使用されていない変数がある場合エラーとするか？の設定

    "noUnusedLocals": true

    1	"noUnusedLocals": true

17. noUnusedParameters

    使われないkン数がある場合エラーとするか？の設定

    "noUnusedParameters": true

    1	"noUnusedParameters": true

18. noImplicitReturns

    関数などで、明示的にreturn されないロジックがある場合、コンパイルエラーとするか？の設定

    "noImplicitReturns": true

    1	"noImplicitReturns": true

次回は、TypeScript のクラスについて記載したいと思います。でわ。