Nodemon 설치하기

범위

#2.4 Nodemon

---

 

package.json에 babel로 컴파일 하는 scripts 만들기

npm install @babel/core @babel/node --save-dev

@babel/core는 이미 설치했지만 같이 적어도 상관 없음

npm은 똑똑해서 이미 설치된거 아닌거 구분해서 없는것만 설치해줌

짜잔! 설치됨

scripts에 명령어를 dev로 설정해주고 babel-node를 실행시키는 것으로 써주기

@babel/node를 설치했기 때문에 babel-node라는 명령어를 사용할 수 있다

전에는 이거였음

---

babel 문제점

터미널에 실행시키면 됨

이 2개는 같은 코드인데

import espress from "express";

얘가 최신 자바 문법임

최신 자바 문법을 사용할 수 있게끔 babel을 설치해준 것임

밑에 Hi!가 적힌 것을 볼 수 있다.

근데 이렇게 하면 내가 내용을 바꿀때마다 npm run dev를 입력해줘야 한다는 문제가 생김

So~ 귀찮!

---

nodemon 패키지 추가

nodemon: 자동으로 자바스크립트 수정내용 추적하기

npm i nodemon --save-dev

nodemon 설치해주기

쿄쿄쿄쿄 nodemon 추가됐음

그다음에 nodemon을 사용하기 위해서 scripts에 명령어를 조금 바꿔준다

이제 npm run dev를 실행하면 변경 내용을 계속 추적해줌

 

 

이렇게 세팅 끝!