이 파일은 특정 프로젝트에 추가할 수 있다. 타입 스크립트를 자바스크립트로 컴파일을 할 때 사용된다. 컴파일러는 개발서버를 구독하거나 프로젝트를 빌드할 때 자동으로 호출된다. 컴파일은 백그라운드에서 실행된다.
{
"compilerOptions": {
"target": "es5",
"lib": [
"dom",
"dom.iterable",
"esnext"
],
"allowJs": true,
"skipLibCheck": true,
"esModuleInterop": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "esnext",
"moduleResolution": "node",
"resolveJsonModule": true,
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx"
},
"include": [
"src"
]
}
- target
- 작성한 코드를 어떤 자바스크립트 버전으로 변환할 것인지 결정
- lib
- 기본 타입스크립트 라이브러리이다. 여기 라이브러리가 타입스크립트에서 기본으로 지원되는지 결정한다.
- 여기 라이브러리는 타입스크립트에 기본으로 들어있는 것이다.
- HTMLInputElement를 사용할 수 있는 것은
dom
을 추가했기 때문이다.
- allowJs
- js 파일 포함여부를 결정한다. 즉, 일반 자바스크립트 파일을 x프로젝트에 둘 건지를 설정한다.
- skipLibCheck
- 모든 선언 파일(
*.d.ts
)의 타입 검사를 건너뜁니다.
- 모든 선언 파일(
- strict
- 엄격한 설정이 적용된다. 즉 묵시적인 any타입을 사용할 수 없다.
- jsx
- JSX 코드를 지원할 건지 결정
반응형