npm i -g webpack webpack-dev-server
모듈 번들러 설치
1. webpack : 브라우저에서 imprt 할 수 있게 자바스크립트 파일 하나로 합쳐줍니다.
2. webpack-dev-server:
서버 구축 없이 static 파일 다루는 웹서버 열 수 있음. hot-loader 통해 코드 수정시 자동으로 리로드.
react 설치
npm i --save react react-dom
개발 의존 모듈 설치
npm i --save-dev babel-core babel-loader babel-reset-es2015 babel-preset-react
- babel: es5로 변화시켜줌.
- babel-preset-react: jsx 사용 허락
npm i --save-dev react-hot-loader webpack webpack-dev-server
개발 서버 실행 중 특정 리액트 컴포넌트 변경시, 해당 컴포넌트만 업데이트 해준다.