본문 바로가기

Language/JavaScript(ES6)

[Babel]바벨 기본시작

여태까지 아무 생각없이 사용해왔는데,


기본적인것은 정리 하는게 좋을꺼 같아서..


https://babeljs.io/


nodejs에서 바벨을 사용하기 위해서 다음과 같이 설치 한다.


npm install --save-dev @babel/core @babel/node


바벨을 기본적으로 사용하려면 core와 node의 설치가 필요하고


그 이외에 버전을 설치하여야 하는데


여기서는 presets버전을 설치 했다(최신버전이면서 실험적이지는 않은..)




그리고 이를 관리하기 위해


.babelrc라는 폴더를 만들어 관리 한다.


.babelrec

{
"presets" : ["@babel/preset-env"]
}


node로 실행시킬 때 바벨을 거쳐가고 싶어서 package.json에서 scripts로 다음과 같이 추가한다.


"scripts": {
"start": "babel-node index.js"
},


이를 통해


node index.js가 아닌


npm start로 다음을 실행 시킬수 있다.


"scripts": {
"start": "nodemon --exec babel-node index.js"
},


다음은 서버를 재시작해주는 개발자도구인 nodemon를 추가한 형태

'Language > JavaScript(ES6)' 카테고리의 다른 글

[Tool]Webpack 구성하기  (0) 2019.01.26
[ES6]CallBack,Promise,Async/Await 비동기함수  (0) 2019.01.25
[JS] getter/setter  (0) 2019.01.10
[ES6]Map과Set  (0) 2019.01.03
[ES6]객체와 객체지향프로그래밍  (0) 2019.01.03