프로젝트단위로 webpack 실행하기

지금까지 webpack을 전역 저장소에 설치하고 커멘드창에서 'webpack'을 입력하여 실행했습니다.

인터넷에서 찾은 설명에는 개발하는 프로젝트별로 webpack를 설치한 후 사용하라고 되어 있지만 커맨드창에 'webpack'명령어를 바로 입력하면 전역에서만 실행이 됩니다.
(전역에 webpack이 설치되어 있지 않으면 오류가 납니다.)

프로젝트별로 webpack를 실행하기 위해서는 npm의 'scripts'설정을 사용해야 합니다.

...

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

...

('--config' 옵션은 뒤에 나오는 경로의 설정파일을 사용한다는 의미 입니다.)

npm start
npm run gogogo

scripts에 start, restart, stop, test 명령으로 설정한 경우, 위처럼 'npm' 뒤에 바로 붙여 사용할 수 있습니다.
이외의 명령은 'npm run' 뒤에 붙여 사용합니다.
'npm run'만 입력한 경우 사용가능한 scripts 명령이 표시됩니다.

'npm start'를 실행하면 개발자가 설정한 명령이 실행됩니다.
이 명령으로 실행되는 webpack은 npm이 설정된 로컬 저장소를 먼저 찾아보게 됩니다.

webpack뿐 아니라 npm으로 설치된 실행 모듈은 이런 식으로 로컬 실행이 가능합니다.