tsc tsconfig.json 생성

 

초기 생성

프로젝트 폴더에서 아래 명령을 입력하면 tsconfig.json파일이 생성된다.

tsc --init

 

참고: 위 명령어는 Vsc터미널에서 실행할 수 없고(보안오류) 별도 명령프롬프트에서 실행해야 한다.

+ CategoryInfo          : 보안 오류: (:) [], PSSecurityException

 

cmd를 관리자 권한으로 실행하기

 

일반적 설정

tsconfig.json파일을 열어서 편집

{
  "compilerOptions": {
    "watch": true,
    "baseUrl": "./src",
    "outDir": "./dist",
    // 기타 필요한 것 추가
  }
}

 

"baseUrl": "./src": src폴더에 있는 파일(ts)을 빌드한다.

 

"outDir": "./dist": 빌드한 결과물(js)을 dist에 넣는다.

 

'watch'는 실행중 상태로 유지되며 ts파일에 수정을 감지하여 컴파일을 갱신한다.

Vsc에서 작업 실행해두면 지속적으로 자동 갱신되도록 할 수 있다.

 

기타 - Nextjs환경(2023년)

tsconfig.json

"compilerOptions": {
	"target": "ES5",
	"module": "ESNext",
    }

 

기타

2022.11.20 - Vsc에서 Typescript 빌드

https://www.typescriptlang.org/tsconfig#rootDir