FrontEnd/TypeScript

nodemon 설치 (typescript 자동 빌드) 및 기타 모듈

Dean83 2024. 10. 18. 09:39
  • nodemon
    • tsc 설치 후 빌드할 때 마다 tsc 명령어를 통해 빌드할 필요 없이 자동으로 감지하여 빌드하도록 해주는 도구로 필수격이다.
    • 설치 후 서버 실행시 npm start 대신 nodemon 명령어를 사용해야 하나, 이는 package.json 파일을 수정하여 npm start 나 build 를 그대로 사용하게 할 수 있다.
  • concurrency
    • node 서버와 클라이언트를 동시에 실행 할 수 있도록 하는 모듈로, 백앤드를 구현한게 아니라면 굳이 설치할 필요가 없을듯 하다.
  • ts-node
    • 콘솔에 node 파일명.js 명령어를 입력하면 자바스크립트를 실행하는데, 이를 ts 파일도 가능토록 해주는 프로그램이다.
    • 필수는 아닌것 같다. 


  • nodemon 설치
    • npm install nodemon - g
  • package.json 수정
    • scripts 항목에서, build 와 start 등을 수정해야 한다. 
      • typescript 에서 사용되는 예로, 적절하게 수정해야 한다.
      • 아래 예는 무중단 실행의 예 이다 
        • 빌드 후 실행 하도록 변경할 수도 있다
 "scripts": {
    "start": "npm run build:live",
    "build": "tsc -w",
    "build:live": "nodemon --watch 'src/**/*.ts' --exec 'nodemon' src/index.ts"
  }

 

 

 

'FrontEnd > TypeScript' 카테고리의 다른 글

Omit, Pick  (0) 2024.10.18
커스텀 type 만들기  (0) 2024.10.18
유틸리티 타입  (0) 2024.10.17
외부모듈 사용하기  (0) 2024.10.17
type 종류  (0) 2024.10.17