tsconfig.json

등록일: 2019-02-05

수정일: 2019-02-05

Overviw

폴더안에 tsconfig.json이 있으면 해당 폴더는 TypeScript의 프로젝트 파일입니다.
tsconfig.json은 루트 파일들과 컴파일러 옵션들을 정의 합니다.

Using tsconfig.json

input 파일 입력 없이 tsc를 실행하면 컴파일러는 tsconfig.json을 찾습니다.
input 파일 입력과 함께 tsc를 실행할 경우 tsconfig.json은 무시됩니다.

Examples

files속성으로 작성시에는 다음과 같이 작성합니다.

{
    "compilerOptions": {
        "module": "commonjs",
        "noImplicitAny": true,
        "removeComments": true,
        "preserveConstEnums": true,
        "sourceMap": true
    },
    "files": [
        "core.ts",
        "sys.ts",
        "types.ts",
        "scanner.ts",
        "parser.ts",
        "utilities.ts",
        "binder.ts",
        "checker.ts",
        "emitter.ts",
        "program.ts",
        "commandLineParser.ts",
        "tsc.ts",
        "diagnosticInformationMap.generated.ts"
    ]
}

include와 exclude 속성으로 작성시에는 다음과 같이 작성합니다.

{
    "compilerOptions": {
        "module": "system",
        "noImplicitAny": true,
        "removeComments": true,
        "preserveConstEnums": true,
        "outFile": "../../built/local/tsc.js",
        "sourceMap": true
    },
    "include": [
        "src/**/*"
    ],
    "exclude": [
        "node_modules",
        "**/*.spec.ts"
    ]
}

Details

compilerOptions은 생략될 수 있는데, 생략되면 기본 컴파일러옵션이 사용됩니다.
files속성은 상대 혹은 절대경로들을 입력받습니다.
include와 exclude속성은 glob-like파일 패턴으로 값을 입력받습니다.
- * 0 혹은 그 이상의 캐릭터들
- ? 한 문자와 일치합니다.
- **/ 재귀적으로 하위 폴더들과 일치합니다.
glob패턴의 부분이 * 혹은 .*만 있다면 지원되는 확장자가있는 파일만 포함됩니다.
- .ts, .tsx, .d.ts …
files와 include둘다 없으면 컴파일러는 기본으로 모든 타입스크립트 파일을 포함합니다.

Source

https://www.typescriptlang.org/docs/handbook/tsconfig-json.html

자바스크립트로 직접 만들면서 배우는 - 자료구조와 알고리즘 강의 바로 가기
기계인간 이종립, 소프트웨어 개발의 지혜 - Git 강의 바로 가기

코드숨에서 매주 스터디를 진행하고 있습니다. 메일을 등록하시면 새로운 스터디가 시작될 때 알려드릴게요!