Running webpack within project

Question

Do I have to install webpack globally for me to issue webpack commands?

I installed webpack inside my project folder using npm install webpack --save-dev and added it to dev dependencies. I'm inside my project folder and when I run a webpack command, I get the following error:

'webpack' is not recognized as an internal or external command, operable program or batch file.

BTW, I'm on Windows 10.

score 2 · Accepted Answer · edited Oct 13 '17 at 10:34

2

Add the command as a npm script. In your package.json.

{
    "name": "app",
    "version": "0.0.1",
    "scripts": {
      "compile": "webpack --config webpack.config.js"
    }
}

Then run

npm run compile

npm scripts looks for executable created in ./node_modules/.bin folder. When the webpack is locally installed it creates a binary in the same folder.

edited Oct 13 '17 at 10:34

Liam

27,717
28
128
190

answered May 27 '17 at 20:34

Nikhil Ranjan

994
12
16

score 0 · Answer 2 · answered May 27 '17 at 20:31

Yes it is obvious to get the error as you run some like:

webpack --config webpack.config.filename --progress

this is similar to running a npm install command we need npm to be installed globally for the system to know what npm is so to run webpack in similar way you need to install webpack globally. Hope this helps

score 0 · Answer 3 · answered May 28 '17 at 02:36

Adding this command as a npm script like Nikhil Ranjan his answer is a good solution. Especially if you will be using this command several times.

Another way would be to directly call the executable inside the node_modules folder.

./node_modules/.bin/webpack --config webpack.config.js"

Running webpack within project

3 Answers3

Linked