[WEB] babel 실행, Nodemon

Babel 사용하는 법

직관적으로 babel 사용하는 방법을 알고 싶으면

babel 홈페이지에  babel 사용법이 상세히 나와있다

 

하지만 자바스크립트에서 직접 babel을 사용할 것은 아니기 때문에 다른 방법으로 접근해보자

 

 

package.json에 babel로 컴파일하는 scripts 만들기 (nodemon 사용)

@babel/node 설치

npm install @babel/node --save-dev

babel 설치 완료

package.json 파일에 추가된 것 확인

babel 설치했으므로 scripts도 바꿔주기

@babel/node를 설치했기 때문에 babel-node 라는 명령어를 쓸 수 있게 되었다

이제 dev 명령어를 실행시키면 babel도 같이 적용돼서 node.js가 실행될 것이다. 최신 문법 코드를 동작시킬 수 있게 된다

npm run dev

 

여기서 귀찮은 점 !!!

내가 파일을 수정할 때마다 npm run dev 명령어를 실행시켜서 바뀐 화면을 봐야한다

 

그래서 쓰는게 

nodemon !!!

nodemon은 파일이 수정되면 알아서 프로그램을 재시작 해준다

 

nodemon 설치

npm i nodemon —save-dev

nodemon 설치

scripts 수정

수정사항이 생길 때 마다 콘솔이 재시작 되면서 꺼지지 않는다