Webpack-Serve Example

Question

I'm in the nightmare process of updating one of my older projects from Webpack 3 to 4 and it's introducing a whole chain of things that need fixing. The most annoying one thus far is definitely switching from webpack-dev-server to webpack-serve due to it's lack of an actual example. So with that in mind, how the heck do I use it?

Using Webpack 4.14.0 and Webpack-Serve 1.0.4.

My webpack.config.js had the following options for webpack-dev-server:

devServer: {
      contentBase: path.join(__dirname, 'public'),
      historyApiFallback: true,
      publicPath: '/dist/'
}

I don't see options for history or public paths just yet, so I suppose I only need the content config option.

So according to the docs I'm supposed to do:

serve({
    content: path.join(__dirname, 'public')
});

But where do I put this? The Github README claims that the most commonly used is to put it webpack.config.js but that seems false because the example also does this:

const serve = require('webpack-serve');
const config = require('./webpack.config.js');

serve({ config });

Do I really import a config file into itself?

I'd appreciate an example. Thanks.

Answer 1

I answered in another question very similar on "how to set up webpack-serve".

For simplicity, I also uploaded the full example to Github