[TypeScript] FAQ¶

targetやmodule系の設定違いが分からない¶

設定名	意味	個人的推奨
target	コンパイル後のjsコードをどの仕様にするか	es2015. レガシー環境ならes5
module	moduleの読みこみをどのように表現するか	nodejsならcommon. それ以外ならデフォルト¹
moduleResolution	module解決方法の指定	デフォルト²
esModuleInterop	`import * as A from 'a'` の `* as` を省略可能	`true`

tscコマンドでファイルを指定した場合、古いバージョンのtscではtsconfig.jsonが暗黙的に読み込まれない。

どうしても指定したい場合の方法は分からず..

tsconfig.jsonのcompilerOptionsに以下を記載する。

  "resolveJsonModule": true,`

こんな感じ。

import * as pkg from '~/package.json';

tsconfig.jsonのfilesかincludeを指定する。
glob表現が不要ならfilesで十分。

{
    "files": [ "src/index.ts" ]
}

CLIで指定しない理由

CLIで指定するとtsconfig.jsonが無視されるため。

間違ってグローバルの古いtscを使っている場合はプロジェクトのtscを使うこと。(npm or npx)

$ npm i -D @types/lodash

lib.dom.d.tsで宣言されたnameが再宣言されている。
main.tsなどのTopレベルでグローバルに定義すると発生する。

const name = "hoge"

main関数などでスコープを分けてやるとよい。

function main() {
    const name = "hoge"
}

main()