Please enable JavaScript.

Coggle requires JavaScript to display documents.

React Ecosystem (3. ReactJS (React Hot module 설치 이 모듈은 ReactJS의 부속…

- - - - index.html작성 :red_flag:
        
        index.js작성 :red_flag:
      - Webpack설치
        npm install webpack --save-dev
        
        webpack.config.js 작성 :red_flag:
        
        file-loader 설치
        npm install file-loader --save-dev
        index.html등 js파일 이외의 리소스들을
        지정 폴더로 복사
        
        webpack.config.js파일 내용 수정 :red_flag:
        
        Webpack 실행
        node node_modules/webpack/bin/webpack.js
        
        Webpack Dev Server 설치
        npm install webpack-dev-server --save-dev
        개발테스트 웹서버 기능을 하고,
        소스변경시 자동으로 리로드되는 뛰어난 기능이 있다
        
        개발테스트 웹서버 구동
        node node_modules/webpack-dev-server/bin/webpack-dev-server.js
        
        브라우저에서 아래 주소 이동
        http://localhost:8080/webpack-dev-server/
        
        웹서버 구동을 편리하게 자동화기능 추가
        package.json파일에 설정내용추가
        "scripts": { "start" : "webpack-dev-server", "build": "webpack", "test": "echo \"Error: no test specified\" && exit1" },
        
        npm run start : 웹서버 구동
        
        npm run build : Webpack으로 빌드
- - - - .babelrc 파일생성하여 아래 내용 입력
        { "presets": ["react", "es2015"] }