타입스크립트를 실행하기 위해서는 nodejs가 설치되어 있어야 한다. 그리고 원하는 폴더로 가서 설정을 시작한다.
npm init -y
타입스크립트 라이브러리를 설치 한다.
npm i typescript -D
타입스크립트 설정 폴더를 만든다. tsconfig.json
설정파일에 이렇게 넣어준다.
{
"compilerOptions": {
"target": "es6",
"lib": ["dom", "dom.iterable", "esnext"],
"allowJs": true,
"skipLibCheck": true,
"allowSyntheticDefaultImports": true,
"strict": true,
"forceConsistentCasingInFileNames": true,
"noFallthroughCasesInSwitch": true,
"module": "commonjs",
"outDir": "dist",
"rootDir": "src"
},
"include": ["src/**/*"],
"exclude": ["node_modules"]
}
tsconfig가 있으면 tsc
라는 명령어를 입력했을때 tsconfig옵션들을 바탕으로 컴파일이 실행된다.
package.json 에 스크립트 명령어를 지정해놓고 ts ⇒ js 로 컴파일을 시킨다.
"scripts": {
"ts": "tsc --build"
},
<aside> 💡 하지만 매번 컴파일을 실행할 수 없기 때문에 —watch라는 감지 명령어를 추가해 준다.
</aside>
"scripts": {
"ts": "tsc --build -w"
},