tsconfig 컴파일러 옵션

JungHanMa·2023년 6월 1일
0

tsconfig.json

{
"compilerOptions": {
"target": "ESNext", // 컴파일할 js version (ESNext 최신버전)
"module": "ESNext", // common.js와 es module 선택 => module(import)
"outDir": "dist", // 컴파일된 js 파일 경로
"strict": true, // 엄격한 타입 검사
// "strictNullChecks": false, // 보통은 strict 값따라감, number이나 초기값을 null로 할당하게해주는 옵션
"moduleDetection": "force" // ts파일은 전역모듈로 만들어지는데 import나 export를 사용하면 독립적으로 변함 => 자동으로 export해주는 옵션
},
"ts-node": {
"esm": true // ts-node로 실행할때 es module option true
},
"include": ["src"] // src안에 ts파일들을 컴파일하겠다.
}

그리고 프로젝트에서 module을 인식하려면
package.josn안에 "type": "module" 추가

{
"name": "section5",
"version": "1.0.0",
"description": "",
"main": "index.js",
"type": "module",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1"
},
"author": "",
"license": "ISC",
"dependencies": {
"@types/node": "^20.2.5"
}
}

  • 한 입 크기로 잘라먹는 타입스크립트
profile
Frontend Junior

0개의 댓글