front-end / / 2024. 2. 11. 18:59

[typescript] tsconfig.json 설명

이 파일은 특정 프로젝트에 추가할 수 있다. 타입 스크립트를 자바스크립트로 컴파일을 할 때 사용된다. 컴파일러는 개발서버를 구독하거나 프로젝트를 빌드할 때 자동으로 호출된다. 컴파일은 백그라운드에서 실행된다.

{
  "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 코드를 지원할 건지 결정
반응형
  • 네이버 블로그 공유
  • 네이버 밴드 공유
  • 페이스북 공유
  • 카카오스토리 공유