#2.3 babel nodemon설치

이원규·2022년 5월 31일
0

Itube

목록 보기
4/46
post-custom-banner
babel utilities설정(nodemon: nodeJS가 최신 JS코드를 자동으로 이해하도록 설정 & 파일이 수정될 때마다 이를 감지해서 자동으로 재시작 해주는 utilities임)
  • babel/node 설치
  1. 터미널에서 npm install @babel/core @babel/node --save-dev 입력해준다.
  2. package.json의 scripts를
"scripts": {
    "dev": "babel-node index.js"
  },

이런 식으로 바꾸어준다. -> babel이 적용된 nodeJS가 실행된다.
3. npm run dev를 해준다.

babel 기본 설명서 !! 중요 !!

-babel nodemon 설치

  1. 터미널에 npm i nodemon --save-dev 입력 설치.
  2. package.json 스크립트 수정
"scripts": {
    "dev": "nodemon --exec babel-node index.js"
  }

nodemon --exec 는 뒤에 있는 script를 실행하겠다는 뜻임.
3. 처음에만 터미널에 npm run dev -> nodemon이 적용돼서 콘솔창이 닫히지 않을것임. index.js에서 코드를 수정한 뒤 저장하면 nodemon이 알아서 npm run dev를 해줄 것임. 정확히는 (babel-nodemon이 해주는 중)

nodemon 사용법:
nodemon 이해하기
nodemon npm
nodemon ignore,watch설정

완료 후 모습
scripts,
devdepend~ & depend~~ 확인하셈

devDependencies 와 Dependencies는 둘 다 node_modules에 저장되지만, 알아보기 쉽게 package.json에서 분리시켜 놓은 것임.
---setup 완료-----

profile
github: https://github.com/WKlee0607
post-custom-banner

0개의 댓글