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

2019. 1. 29. 00:41· WEB/Node.js
반응형

[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 설치 및 사용하기

반응형
저작자표시 비영리 변경금지 (새창열림)

'WEB > Node.js' 카테고리의 다른 글

[NodeJS] 디렉토리 안에 디렉토리인 것만 찾기  (0) 2019.05.22
[NodeJS] 동기/비동기  (0) 2019.04.18
[NodeJS] Popper.js 추가 오류 해결 방법  (0) 2019.04.17
[Node.JS] ffmpeg 영상 코덱 변경 방법  (0) 2019.02.27
[Nodejs] 폴더 없으면 생성하도록 하는 방법  (0) 2019.02.22
'WEB/Node.js' 카테고리의 다른 글
  • [NodeJS] 동기/비동기
  • [NodeJS] Popper.js 추가 오류 해결 방법
  • [Node.JS] ffmpeg 영상 코덱 변경 방법
  • [Nodejs] 폴더 없으면 생성하도록 하는 방법
S0PH1A
S0PH1A
반응형
S0PH1A
Web Programmer
S0PH1A
전체
오늘
어제
  • 전체
    • About Me
    • Python
      • Python
      • Django
    • DataBase
      • MySQL
      • MongoDB
    • JAVA
      • JAVA
      • Spring
    • WEB
      • JavaScript
      • HTML
      • CSS
      • Vue.js
      • React
      • Nest.js
      • Node.js
      • Electron
      • PHP
    • Linux
    • Algorithm
    • 기타
    • 생각
    • App
      • ReactNative

블로그 메뉴

  • 홈
  • 태그
  • 방명록

공지사항

인기 글

태그

  • Python
  • javascript
  • electron
  • mysql
  • Error
  • install
  • vue.js
  • vue
  • nodejs
  • django

최근 댓글

최근 글

hELLO · Designed By 정상우.v4.2.2
S0PH1A
[Node.JS][ES6] Babel 설치 및 사용 방법
상단으로

티스토리툴바

개인정보

  • 티스토리 홈
  • 포럼
  • 로그인

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.