- Today
- Total
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | 6 | 7 |
8 | 9 | 10 | 11 | 12 | 13 | 14 |
15 | 16 | 17 | 18 | 19 | 20 | 21 |
22 | 23 | 24 | 25 | 26 | 27 | 28 |
29 | 30 |
Tags
- mongodb
- 알고리즘
- Git
- First Project
- 리팩터링 2판
- Err-Handling
- Refactoring
- 코어 자바스크립트
- CSS
- TIL
- LEVEL 2
- react
- 오늘도 개발자가 안된다고 말했다
- TMIL
- MariaDB
- TWIL
- 면접을 위한 cs 전공지식 노트
- 아고라스테이츠
- CRUD
- LEVEL1
- sql
- 프로그래머스
- typescript
- 코딩테스트
- 배포
- LEVEL 1
- 에러핸들링
- javascript
- java
- Docker
Archives
성장에 목마른 코린이
[Node.js] Babel을 통해 ES5 -> ES6 사용하기 with nodemon 본문
728x90
babel은 ECMA script 2015+ 코드를
현재 및 이전 브라우저 또는 환경에서 호환 가능한 버전의 javascript 문법으로 바꿔주는 툴 체인입니다.
1. Babel 설치
$ npm i -D @babel/core @babel/node @babel/preset-env
프로젝트의 루트 디렉토리에서 위 명령으로 babel/core,babel/node,babel/preset-env를 설치해 줍니다.
- babel/core는 babel을 사용하기 위한 필수 패키지
- babel/node는 코드의 변환과 실행을 한번해 할 수 있게 하기 위해
- babel/preset-env는 여러 플러그인이나 프리셋을 사용하기 위해 설치합니다.
2. .babelrc 생성하기
프로젝트 루트 디렉토리에 .babelrc 파일을 생성하고 아래와 같이 내용을 작성해 줍니다.
이 파일은 babel의 설정 정보를 담고 있습니다.
이 파일에 설정을 조금씩 추가해 주면서 지원하는 않는 구문, 문법, 객체등을 계속 추가하면서 사용할 수 있습니다.
{
"presets":["@babel/preset-env"]
}
3. package.json 수정하기
프로젝트 루트 디렉토리 package.json 파일의 script/start 부분을 아래와 같이 수정했습니다.
"scripts": {
"start": "nodemon index.js --exec babel-node"
}
기존 nodemon으로 실행하는 명령 뒤에 --exec babel-node를 붙여주면 됩니다.
'Javascript > Node.js' 카테고리의 다른 글
[Node.js] 프로젝트 시작 기본 세팅 (0) | 2022.11.23 |
---|---|
[Node.js] CryptoJS (설치, 암호화 방식, 사용) (0) | 2022.11.16 |
[Node.js] PM2 소개, 사용이유 및 사용법 (0) | 2022.11.03 |
Comments