hoony's web study

728x90
반응형


이번에 포스팅을 할 내용은 typescript 에서 tsc-watch 를 셋팅하는 것입니다.
https://www.npmjs.com/package/tsc-watch

 

tsc-watch

The TypeScript compiler with onSuccess command. Latest version: 4.6.0, last published: 2 months ago. Start using tsc-watch in your project by running `npm i tsc-watch`. There are 131 other projects in the npm registry using tsc-watch.

www.npmjs.com

모듈에 대해서는 위의 주소를 보시면 아실꺼구요. 
이 tsc-watch를 사용하는 이유는 node에서 nodemon이 있다면 typescript 에서는 tsc-watch를 사용한다고 생각을 하시면 됩니다. 

반응형


그리고 보통 시작을 할때 package.json에 scripts 영역에서 
"prestart": "tsc" 를 사용하는데 이것을 없애고 간단하게 사용하실 수 있습니다.
기존에 사용방법

 "scripts": {
    "start": "node index.js",
    "prestart": "tsc"
  },

모듈을 인스톨하고 난 다음에 하는 사용방법

  "scripts": {
    "start": "tsc-watch --onSuccess \" node index.js\" " 
  },


그리고 yarn start  후의 모습을 보면 


위의 모양처럼 예쁘게 나온답니다. ^^

728x90

공유하기

facebook twitter kakaoTalk kakaostory naver band
loading