4. Webpack 설치와 설정 - 2

Webpack 전역 및 로컬 설치

Webpack은 모듈 번들러로, 여러 개의 파일을 하나로 묶어주고 최적화하는 도구입니다. 이번 챕터에서는 Webpack을 전역(Global) 및 로컬(Local)로 설치하는 방법에 대해 알아보겠습니다.

1. 전역(Global) 설치

Webpack을 전역으로 설치하면 커맨드 라인에서 어디서든 Webpack 명령어를 사용할 수 있습니다. 다음 명령어로 Webpack을 전역으로 설치합니다.

npm install -g webpack

 

이렇게 하면 시스템 전체에서 Webpack을 사용할 수 있습니다. 설치가 완료되면 다음 명령어로 설치된 버전을 확인할 수 있습니다.

webpack -v

 

2. 로컬(Local) 설치

일반적으로 프로젝트마다 Webpack 버전이 다를 수 있습니다. 따라서 프로젝트마다 사용하는 Webpack 버전을 관리하기 위해 로컬로 설치합니다.

프로젝트 폴더로 이동한 후 다음 명령어로 Webpack을 로컬로 설치합니다.

npm install --save-dev webpack

 

--save-dev는 개발 의존성(dependency)으로 설치한다는 옵션입니다. package.json 파일에 설치된 패키지 정보가 추가됩니다.

3. 설치 확인

로컬 설치 후에는 node_modules 폴더와 package.json 파일이 생성됩니다. 이제 Webpack이 프로젝트에 올바르게 설치되었는지 확인해봅시다.

npx webpack -v

 

이제 Webpack이 프로젝트에 적용되었습니다.