[tsconfig, jsconfig] extends 옵션 및 compilerOptions 덮어쓰기

extends

tsconfig.json 파일에서 extends 옵션을 사용하면 해당 경로에 위치한 tsconfig.json에서 설정한 모든 옵션을 상속 받습니다.

 

아래의 예시를 보면 tsconfig.json 파일이 base.tsconfig.json 파일을 상속 받는 것을 볼 수 있습니다.

// base.tsconfig.json
{
  "compilerOptions": {
    "target": "es6",
    "module": "commonjs",
    "strict": true
  }
}

// tsconfig.json
{
  "extends": "./base.tsconfig.json",
  "compilerOptions": {
    "outDir": "dist",
    "strict": false
  }
}

상속 받은 후 tsconfig.json 파일에서 compilerOptions를 작성하였는데, 이는 base.tsconfig.json의 compilerOptions에서 설정한 옵션들과 겹칠 경우 덮어쓰게 되며, 겹치지 않을 경우 이어쓰게 되는 것입니다.

 

tsconfig.json 파일을 풀어서 생각해보면 아래와 같은 결과라고 생각하면 됩니다.

// tsconfig.json
{
  "compilerOptions": {
    "target": "es6", 		// 상속
    "module": "commonjs", 	// 상속
    "outDir": "dist", 		// 이어쓰기
    "strict": false 		// 덮어쓰기
  }
}

---

typescript 로 프로젝트를 한다면 tsconfig는 정말 중요한 설정입니다. 정말 다양한 옵션들이 있고 다양한 쓰임새가 있습니다.
러프하게만 알고 있던 옵션들을 조금씩 구체적으로 알아가고 있습니다.

 

끗!