About mutliple webpack config about webpack-dashboard HOT 8 CLOSED

hmm. thats a tough one. what are the two configs? is there one that you are interested in vs the other?

from webpack-dashboard.

Nope, it's two part of the same application and I really want the data of twice apps. (But both are simple webpack config)

What about this?

var config = require('./webpack.config.babel'); // The same file as above with two apps
var webpack = require('webpack');
var WebpackDevServer = require('webpack-dev-server');

var compiler = webpack(config);
var server = new WebpackDevServer(compiler, {
    // Install dashboard like in the README
});

server.listen(8080);

from webpack-dashboard.

Does that work for you?

from webpack-dashboard.

You might have to write your own handler function that merges the outputs and then calls setData on the dashboard.

from webpack-dashboard.

I'll try this later and let you know! Thanks

from webpack-dashboard.

I'm hijacking this issue for a bit, as I have a similar question (tell me if you prefer me to make a separate issue).

I have a setup which is based on the one here.

From package.json two script are run via npm run dev: build:dev, which builds (and watches) the server, and babel-node, which runs the app with HMR.

There are two different webpack config files for these scripts: dev-server and dev-client respectively. I have succesfully added webpack-dashboard to each of these scripts / config files, but the problem is this:

If I npm run build:dev using webpack-dashboard, I cannot see the client (HMR) output.
If I npm run dev using webpack-dashboard, I will see HMR output, but if there's an error in the server code (which is watched by nodemon) it will output the error in the same console, which breaks webpack-dashboard

What I would like to do is to run two npm scripts (one watching the server build using nodemon and another one running the server with HMR) and have both their output in webpack-dashboard, is this possible?

Thanks in advance @kenwheeler et al!

Something like this (psuedo code):

nodemon --exec webpack-dashboard -- webpack --config webpack.config.dev-server.js && webpack-dashboard -- babel-node server/index.js`

from webpack-dashboard.

Chiming in here -- webpack currently allows (1) a config object (what we're all familiar with) and/or (2) an array of config objects.

@kenwheeler -- Perhaps we should consider some means of detection of other webpack configs from the same originating process id (aka the node webpack you're running at root on the multiple configs).

from webpack-dashboard.

webpack-dashboard@^2 should handle any webpack config using normal "add a plugin" means.

from webpack-dashboard.