[React] 리엑트 바벨(Babel) 설치하기

Babel 이란? # "ES6"를 "ES5"으로 변환시켜주어 구 버젼에 브라우저에 호환성을 가질 수 있다. Babel 설치 Webpack 과 같이 사용 # 대부분 "Webpack"과 같이 사용함으로 "Webpack" 설정으로 진행 npm i webpack webpack-cli babel-loader # ".babelrc" 파일 생성 후 아래 내용 추가 { "presets": ["@babel/preset-env", "@babel/preset-react"], "plugins": [ "@babel/plugin-proposal-class-properties" ] } # 설치 후 프로젝트 최상위 디렉토리에 "webpack.config.js" 파일을 만든 후 아래 내용을 적용 ("webpack.config.js" 파일이 이미 있는 경우는 수정) const path = require('path') module.exports = { entry : './src/code.js', output : { ...

원문링크 : [React] 리엑트 바벨(Babel) 설치하기