🧡 typeRoots, types

{
	...
  "typeRoots": {
		"description": "Specify list of directories for type definition files to be included. Requires TypeScript version 2.0 or later.",
    "type": "array",
    "items": {
	    "type": "string"
    }
  },
  "types": {
	  "description": "Type declaration files to be included in compilation. Requires TypeScript version 2.0 or later.",
    "type": "array",
    "items": {
	    "type": "string"
    }
  }
	...
}

🧡 @types

• TypeScript 2.0 부터 사용 가능해진 내장 type definition 시스템
• 아무 설정을 안하면 ?
  • node_modules/@types 라는 모든 경로를 찾아서 사용
• typeRoots 를 사용하면 ?
  • 배열 안에 들어있는 경로들 아래서만 가져옵니다.
• types 를 사용하면 ?
  • 배열 안의 모듈 혹은 ./node_modules/@types/ 안의 모듈 이름에서 찾아옵니다.
  • [] 빈 배열을 넣는다는건 이 시스템을 이용하지 않겠다는 것입니다.
• typeRoots 와 types 를 같이 사용하지 않습니다.

🧡 target 과 lib

{
	...
	"target": {
	  "description": "Specify ECMAScript target version. Permitted values are 'es3', 'es5', 'es6', 'es2015', 'es2016', 'es2017', 'es2018' or 'esnext'.",
    "type": "string",
    "default": "es3",
    "anyOf": [
	    {
	      "enum": [
	        "es3",
          "es5",
          "es6",
          "es2015",
          "es2016",
          "es2017",
          "es2018",
          "esnext"
        ]
      }
			{
	      "pattern": "^([eE][sS]([356]|(201[5678])|[nN][eE][xX][tT]))$"
      }
    ]
  },
  "lib": {
	  "description": "Specify library file to be included in the compilation. Requires TypeScript version 2.0 or later.",
    "type": "array",
    "items": {
    "type": "string",
    "enum": [
			"es5",
			"es6",
			"es2015",
			"es7",
			"es2016",
			"es2017",
			"es2018",
			"esnext",
			"dom",
			"dom.iterable",
			"webworker",
			"scripthost",
      "es2015.core",
			"es2015.collection",
			"es2015.generator",
			"es2015.iterable",
			"es2015.promise",
			"es2015.proxy",
			"es2015.reflect",
			"es2015.symbol",
			"es2015.symbol.wellknown",
			"es2016.array.include",
			"es2017.object",
			"es2017.intl",
			"es2017.sharedmemory",
			"es2017.string",
			"es2017.typedarrays",
			"es2018.intl",
			"es2018.promise",
			"es2018.regexp",
			"esnext.asynciterable",
			"esnext.array",
			"esnext.intl",
			"esnext.symbol"
		]
	},
  ...
}

• target
  • 빌드의 결과물을 어떤 버전으로 할 것이냐
  • 지정을 안하면 es3 입니다.
• lib
  • 기본 type definition 라이브러리를 어떤 것을 사용할 것이냐
  • lib 를 지정하지 않을 때,
    • target 이 'es3' 이고, 디폴트로 lib.d.ts 를 사용합니다.
    • target 이 'es5' 이면, 디폴트로 dom, es5, scripthost 를 사용합니다.
    • target 이 'es6' 이면, 디폴트로 dom, es6, dom.iterable, scripthost 를 사용합니다.​
  • lib 를 지정하면 그 lib 배열로만 라이브러리를 사용하니다.
    • ​빈 [] => 'no definition found 어쩌구'

🧡 outDir, outFile

{
	...
  "outFile": {
		"description": "Concatenate and emit output to single file.",
		"type": "string"
	},
	"outDir": {
		"description": "Redirect output structure to the directory.",
		"type": "string"
	},
	...
}

🧡 module

{
	...
	"module": {
		"description": "Specify module code generation: 'none', 'commonjs', 'amd', 'system', 'umd', 'es2015' or 'esnext'.",
		"type": "string",
		"anyOf": [
			{
				"enum": [
					"commonjs",
					"amd",
					"umd",
					"system",
					"es6",
					"es2015",
					"esnext",
					"none"
				]
			},
			{
				"pattern": "^([cC][oO][mM][mM][oO][nN][jJ][sS]|[aAuU][mM][dD]|[sS][yY][sS][tT][eE][mM]|[eE][sS]([356]|(201[567])|[nN][eE][xX][tT])|[nN][oO][nN][eE])$"
			}
		]
	},
	...
}

• module
  • 컴파일 된 모듈의 결과물을 어떤 모듈 시스템으로 할지를 결정
  • target 이 'es6' 이면 es6 가 디폴트이고,
  • target 이 'es6' 가 아니면 commonjs 가 디폴트 입니다.
  • AMD 나 System 와 사용하려면, outFile 이 지정되어야 합니다.
  • ES6 나 ES2015 를 사용하려면, target 이 es5 이하여야 합니다.
• moduleResolution
  • ts 소스에서 모듈을 사용하는 방식을 지정해야 합니다.
  • Classic 아니면 Node 입니다.
  • CommonJS 일때만 Node 라고 생각하시면 됩니다.