How to specify webpack-dev-server webpack.config.js file location

Question

I am starting with webpack.

I have been able to specify to webpack the location of webpack.config.js like this:

"webpack --config ./App/webpack.config.js"

Now I am trying to use the webpack-dev-server with that file also, but I can not find how to specify the webpack.config.js location to it.

This is the relevant part of my package.json

"scripts": {
  "start": "webpack-dev-server --config ./App/webpack.config.js --progress --colors",
  "build": "webpack --config ./App/webpack.config.js --progress --colors"
}

How can I pass the ./App/ directory to my webpack-dev-server?

Using `--config` should work. What error do you get? – spacek33z Sep 08 '16 at 14:47 — spacek33z, Sep 08 '16 at 14:47

score 49 · Answer 1 · answered Aug 29 '17 at 00:50

49

Just came across this issue. As spacek33z said, --config is correct. I couldn't find this in the webpack docs or the webpack-dev-server docs, so I found myself at this question.

e.g.

webpack-dev-server --config demo/webpack.config.js

answered Aug 29 '17 at 00:50

3stacks

1,880
1
16
21

score 15 · Answer 2 · edited Jan 02 '18 at 18:09

15

For newbies like me:

Mention the config path in package.json similar to below:

{
  "name": "abc",

  "version": "0.0.1",

  "description": "description",

  "main": "index.js",

  "scripts": {
    "dev": "webpack-dev-server --config ./client/webpack.config.js",
    "build": "webpack --config ./client/webpack.config.js"
   }
}

edited Jan 02 '18 at 18:09

סטנלי גרונן

2,917
23
46
68

answered Jan 02 '18 at 15:04

Razi Abdul Rasheed

759
6
6

1

Can you add a configuration file example? as webpack.config.js – Iago Barreto Oct 16 '20 at 20:45

How to specify webpack-dev-server webpack.config.js file location

2 Answers2