타입스크립트 컴파일러 옵션 설정

LastCarol·2023년 7월 7일

컴파일러 옵션이란?

자바스크립트를 얼마나 엄격하게 타입 오류를 검사할지 자바스크립트 버전을 어케할지 설정하는 옵션

컴파일러 옵션 키워드

tsc --init을 입력하면 옵션 파일을 만들 수 있음

include: 컴파일할 범위를 정해줌
ex) "include": ["src"] src 폴더 안에 모든 파일을 컴파일 해라

target: 컴파일 된 자바스크립트 버전을 설정해줌
ex) "compilerOptions": {
"target": "ES5"
},

module 마찬가지로 compilerOptions 안에 넣어야 하는 것으로 모듈 방식을 설정함
ex) "compilerOptions": {
"module": "CommonJS"
},

outdir 마찬가지로 compilerOptions 안에 넣어야 하는 것으로 컴파일 된 js파일을 어디다 저장시킬지 경로를 정함
ex) "compilerOtions": {
"outdir":"dist"
},
컴파일 된 js 파일을 dist 폴더에 저장해라

strict 마찬가지로 compilerOptions 안에 넣어야 하는 것으로 컴파일러 엄격한 정도를 나타냄 true 하면 엄격함

타입스크립트는 같은 폴더에 있는 파일 모드를 전역모듈로 보기 때문에 변수 같게 쓰면 안됨 해결방안으로는
첫번째는 export {}를 추가한다.
두번째 방법은 컴파일러 옵션에다가 "moduleDetection": "force" 설정한다 (이러면 컴파일러가 컴파일 할떄 export를 붙이게 함 개별 모듈화 )

근데 이거 쓰면 ts-node 파일 경로 키워드가 export {} 이해하지 못해서 컴파일 되지 않는다. 그렇기 때문에 패키지 제이슨 안에다가 "type" : "module"을 넣어 export{} 를 인식하도록 한다 "ts-node": {"esm" : true}를 넣어 인식하도록 한다.

profile
프론트엔드 엔지니어가 되기 위해 노력합니다.

0개의 댓글