전투코딩
[React] Webpack 을 활용한 Package.json 의 초기 설정 및 수정 방법
프로젝트 생성
프로젝트 진행을 위해 빈 디렉토리를 생성하고
npm init -y 명령을 통해 package.json 파일을 생성한다.
패키지 설치
다음으로 아래 명령어를 통해 webpack 관련 패키지를 설치해준다.
npm i -D webpack webpack-cli webpack-dev-server
명령어에 쓰여진 -D 옵션은
package.json 의 devDependencies 에 추가하겠다는 의미이다.
패키지 버전 관리
npm 명령어로 설치한 패키지의 버전과 강의에서 사용한 버전이 일치하지 않는다.
이 때,
아래와 같이 package.json 의 버전을 직접 바꿔 준 뒤 저장 하고
npm i 를 실행하면 수정된 버전이 설치된다.
Reference
-y 옵션이 뭐지?
devDependencies 가 뭐지?
로컬에서 개발이나 테스트에 필요한 패키지로, 배포 시 포함되지 않는 영역을 말한다.