webpack 강좌 1 : 설치

사전 요구 사항

시작하기 전 새로운 버전의 Node js가 설치되어있는지 확인하세요. 현재 LTS(Long Term Support) 버전이 시작하기 이상적입니다. 이전 버전을 사용하면 필요한 기능 혹은 필수 패키지들의 누락으로 다양한 이슈를 겪을 수 있습니다.

로컬(local) 설치

최신 버전 :

최신 혹은 특정 버전의 웹팩webpack 설치

npm install --save-dev webpack
npm install --save-dev webpack@<version>

만약 웹팩 v4 혹은 이후 버전을 사용한다면, CLI도 설치해야 합니다.

npm install --save-dev webpack-cli

대부분의 프로젝트는 로컬 설치할 것을 권장합니다. 변경사항이 생겼을때 개별 업그레이드가 쉬워집니다.

일반적으로 웹팩은 로컬 node_module 디렉토리에서 설치본을 찾게 될 한개 혹은 그 이상의 npm 스크립트들을 통해 실행됩니다.

"scripts": {
    "start": "webpack --config webpack.config.js"
}

로컬에 설치된 웹팩을 실행하기 위해서 bin 버전에 접근할 수 있습니다.

node_modules/.bin/webpack

전역(global) 설치

다음과 같이 전역 설치할 수 있습니다.

npm install --global webpack

주의 : 이 방식은 권장하지 않습니다. 전역 설치는 특정 버전으로 고정되고, 다른 버전을 사용하는 프로젝트에서 정상 동작하지 않을 수 있습니다.

최첨단

만약 웹팩이 제공하는 가장 최신 버전을 사용하는데 관심이 있다면, 베타 버전 혹은 webpack repository를 통해 직접 설치할 수 있습니다.

npm install webpack@beta
npm install webpack/webpack#<tagname/branchname>

이런 최첨단 버전을 설치하는데 주의하세요! 아직 버그가 있을 수 있기때문에 서비스에서 사용하지 않길 권장합니다.

출처 : https://webpack.js.org/

개념

webpack 개념 0.Concepts

webpack 개념 1.엔트리 포인트 Entry Points

가이드

webpack 강좌 1 : 설치

webpack 강좌 2. 시작하기

webpack 강좌 3. 에셋(자산) 관리 (Asset Management)

webpack 강좌 4. 결과물(Output) Management

webpack 강좌 5. 개발 Development

webpack 강좌 6. 핫 모듈 리플레이스먼트 Hot Module Replacement