TypeScript의 Tsconfig 참조

TypeScript에서 tsconfig 참조를 소개합니다.

TypeScript의 tsconfig 참조

tsconfig 파일을 사용하면 응용 프로그램의 다른 부분을 별도의 TypeScript 모듈로 정의할 수 있습니다. 이 파일을 사용하면 각 모듈을 다르게 구성하고 애플리케이션의 필요에 따라 빌드할 수 있습니다.

TypeScript 3.0에는 몇 가지 주요 변경 사항이 도입되었습니다. tsconfig.json 파일의 이름이 tsconfig-base.json으로 변경되었습니다.

이렇게 하면 TypeScript에서 디렉터리를 TypeScript 프로젝트로 간주하기 위해 tsconfig.json이 있어야 하므로 루트 폴더가 TypeScript 프로젝트로 간주되지 않습니다.

현재 프로젝트 구조는 아래와 같습니다.

tsproject/
    src/
        entity.ts # exports an entity
        tsconfig.json
    test/
        entity.spec.ts # imports an entity
        tsconfig.json
    tsconfig-base.json

위의 예에서 볼 수 있듯이 src와 test에는 이제 tsconfig.json 파일이 포함되어 있습니다. 이 때문에 별도의 프로젝트로 간주됩니다. 하지만 두 파일의 내용을 살펴보면 비슷합니다.

동시에 모든 구성은 tsconfig-base.json 파일에 저장되며 두 tsconfig.json 파일에 의해 상속됩니다.

이제 src 및 test 폴더가 어떻게 연결되어 작동하는지, 그리고 이러한 폴더 간에 관계가 어떻게 만들어지는지 궁금해야 합니다. TypeScript 3.0 버전에서는 두 폴더를 composite로 선언하여 외부에서 두 폴더를 참조합니다.

src 및 test 구성 파일의 내용은 다음과 같습니다.

// src configuration in /src/tsconfig.json
{
    "extends": "../tsconfig-base.json",
    "compilerOptions": {
        // compiler options
        "composite": true
    }
}
// test configuration in /test/tsconfig.json
{
    "extends": "../tsconfig-base.json",
        "references": [
        { "path": "../src" }
    ]
}

이제 테스트를 실행하는 방법에 대해 논의해 보겠습니다. 테스트를 실행하기 전에 src를 빌드했는지 확인해야 합니다.

아래와 같이 콘솔에서 다음 명령을 사용하여 쉽게 빌드할 수 있습니다.

tsc --build src