티스토리 뷰

반응형

이번에는 컴파일 할때마다 yarn start 명령어를 치는 번거로웠던 작업을 해소하기 위해 글을 작성해보았습니다.

먼저 터미널에서 'tsc 시계'를 설치합니다.

 yarn add tsc-watch --dev

--dev라는 옵션이 붙게 되는데 이는 개발중일 때만 작동을 하겠다라는 의미입니다.

 

 

정말 쉽게 설치가 완료되었습니다.

다음으로 설정할 것은 package.json 입니다.

 

기존에 스크립트 구역에 설정되었던 값을 변경하려고 합니다.

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

와 같이 치환해줍시다.

의미는 컴파일이 성공하였을 때마다(--onSuccess 옵션) tsc-watch가 작동하여 index.js를 생성한다는 의미입니다. 

(\")는 "로 묶인 문자열 내에서 이스케이프 형식으로 표현할 때 사용하는 방법입니다.

 

이제 실행해보겠습니다.

 

또, index.ts 파일이 변경되면 아래와 같이 자동으로 센서가 감지를 하게 되고 컴파일을 진행합니다.

이제 본격적으로 개발할 준비가 완료된거 같습니다!!

 

 

반응형
댓글
공지사항