tsc-watch 사용하기

타입스크립트 코드를 바꿀 때 마다 매번 자바스크립트로 컴파일하고 node로 실행해야 하는 번거로움이 있다. 

 

tsc-watch 를 설치해서 사용해보자.

 

 

1. $npm install tsc-watch --dev

2. src, dist 디렉토리를 만든다.(모든 ts파일은  src로, 컴파일 된 js파일은 dist로 )

3. package.json 파일을 수정한다.

"scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "start" : "tsc-watch --onSuccess \"node dist/index.js \" "
  },

4. tsconfig.json 파일을 수정한다.

{
    "compilerOptions":{
        "module" : "commonjs",
        "target" : "ES2015",
        "sourceMap" : true,
        "outDir" : "dist" //컴파일된 js파일은 dist 디렉토리에 생기게 된다.
    },
    "include": ["src/**/*"], //src내부에 있는 ts파일을 컴파일한다.
    "exclude" : ["node_modules"]
}

 

5. src에 ts파일을 넣고

6. $npm start를 하게되면 dist 디렉토리에  js파일이 생기게 된다. 

 

ts파일에 변화가 생길 때 마다 start해줄 필요가 없게 된다.