webpack 개발환경 세팅(Create-React-app x) // 20210408

김지민·2021년 4월 16일
0

TIL

목록 보기
23/28

1. Webpack

  • 여러개의 js 파일을 합쳐서 하나로 만들어줌
  • 중복을 최소화하기 위함
  • Node.js를 알아야 함(= js 실행기)

2. React & webpack 개발환경 세팅

1) npm init

  • 프로젝트 시작 경로에서 실행
  • package.json 생성

2) npm i react react-dom

  • react, react-dom 설치

3) npm i -D webpack webpack-cli

  • 웹팩 설치
  • -D : 개발용으로만 사용할 것

4) webpack.config.js 생성

  • 웹팩 모듈 정보 기록용

5) client.jsx 생성

const React = require('react');
const ReactDom = require('react-dom');
profile
wishing is not enough, we must do.

0개의 댓글