tsconfig - 2

최상위 속성

타입스크립트 에는 9가지의 최상위 속성이 있습니다

  • compilerOptions (tsc --init 시 자동생성)
  • compileOnSave
  • extends
  • files
  • include
  • exclude
  • references
  • ts-node
  • typeAcquisition

extends

tsconfig 에 존재하는 옵션을 상속 받습니다.

"extends": "./base.json"   

예를들어 tsconfig 의 strict 의 옵션이 주석 처리 되있다고 가정했을때
/base.json 을 상속받고 그에 해당하는 옵션들을 동작합니다.

하지만 주석이 아닌 서로 상응하는 옵션이 있다면 tsconfig 의 옵션을 우선합니다.

files

기본적으로 filesinclude 를 사용하지 않고 tsc명령어를 사용하면
프로젝트의 모든 파일들이 컴파일 됩니다.

만약 특정 파일만 컴파일 하길 원한다면 filesinclude 를 사용하면 됩니다.

"files": [],

배열안에 경로를 string 형식으로 입력합니다.

include

"include": [],

files 와 마찬가지로 특정 컴파일을 할때 사용합니다.

include 된 파일을 exclude하게되면 그 파일은 컴파일 되지 않습니다.

include 와 exclude 는 글롭 패턴을 지원합니다.

  • * 0개 이상의 문자와 매칭 (디렉토리 구분 기호 제외)
  • ? 한 문자와 매칭 (디렉토리 구분 기호 제외)
  • **/ 반복적으로 모든 하위 디렉토리와 매칭

exclude

"exclude": [],

exclude 는 컴파일 파일을 제외할때 사용합니다.

단 files 는 제외할수 없습니다.

Definitely Typed

자바스크립트는 타입스크립트와 달리 타입이 없습니다.

만약 자바스크립트의 라이브러리를 타입스크립트로 가져오려면 어떻게 해야할까요?

npm i react  // 추가 타입라이브러리 필요

리액트를 타입스크립트에서 사용하려면 타입 선언 모듈을 가져와야 합니다.

먼저 타입 선언모듈을 제공하는지 체크 해야되는데 명령어는 아래와 같습니다.

npm info @types/모듈이름 모듈검색

npm i -D @types/모듈이름 모듈설치

npm i -D @types/react

node_modules/@types/react 안에 d.ts 파일 생성됩니다.

좋은 웹페이지 즐겨찾기