react 사용을 위한 babel 설치 및 명령어

바벨 CLI 설치

npm install -g babel-cli

babel-preset-react 설치

npm install babel-preset-react

.babelrc 설정

프로젝트 root 경로에 .babelrc을 만들고 아래 내용 입력

{ "presets": ["react"] }

컴파일

로컬 작업 시 자동 컴파일 명령어 실행
(작업 시 html 파일에서는 컴파일 된 경로를 바라보게 설정)

babel [원본폴더] -d [컴파일폴더] -w
# 예시 babel resources/js/react-js -d resources/js/react-compile -w

---

※ es6 추가

es2015 preset install

npm install babel-preset-es2015

.babelrc 파일에 preset 추가

{ "presets": ["es2015"] }