[Node.JS][ES6] Babel 설치 및 사용 방법

[ES6] Babel 설치 및 사용 방법

---

ES6 이상은 javascript 가 그냥 읽을 수 없기 떄문에 ES5로 변환하기 위해 Babel을 사용한다.

아래 두개가 미리 설치 되어 있어야 한다.

1) npm

2) nodejs

--> [Electron] npm, electron 설치 에 설치 방법이 나와있다.

1. 바벨 설치

$ npm uninstall -g babel
$ npm install --save-dev babel-cli

2. node.js 프로젝트에 바벨 설치

$ npm init
$ npm install --save-dev babel-core babel-cli babel-preset-es2015

- package.json파일에 devDependencies 옵션이 추가된다.

{
  "name": "test_electron",
  "version": "1.0.0",
  "main": "main.js",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-preset-es2015": "^6.24.1"
  }
}

3. 테스트 파일 생성

- ex) test.js

let test = 'ok';

4. package.json 에 scripts부분 npm command 추가 

- babel [생성한 파일명] --out-file [생성될 파일명] --presets=es2015

{
  "name": "test_electron",
  "version": "1.0.0",
  "main": "main.js",
  "devDependencies": {
    "babel-cli": "^6.26.0",
    "babel-core": "^6.26.3",
    "babel-preset-es2015": "^6.24.1"
  },
  "scripts": {
     "build": "babel test.js --out-file new_test.js --presets=es2015"
  }
}

5, babel 실행

$ npm run build

---

참고 : BABEL 설치 및 사용하기