[React] babel(바벨)

바벨

자바스크립트 코드를 변환해주는 컴파일러

리액트에서는 JSX 문법으로 작성된 코드를 createElement함수를 호출하는 코드로 변환해줌

 

JSX 문법으로 작성된 js파일을 createElement 함수로 작성된 파일로 변환하기 위해서는 설치

npm install @babel/core @babel/cli @babel/preset-react

 

설치된 패키지를 이용해서 자바스크립트 파일을 변환

npx babel --watch src --out-dir . --presets @babel/preset-react

 

위 명령어 실행시 src 폴더에 있는 모든 자바스크립트 파일을 @babel/preset-react 프리셋을 이용해서 변환 후 현재 폴더에 같은 이름의 자바스크립트 파일을 생성. 

 

 

웹팩 

자바스크립트로 만든 프로그램을 배포하기 좋은 형태로 묶어주는 도구