Webpack-Serve Example

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:

webpack.config.js

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.

Use webpack-serve for a fast alternative.

npm i webpack-dev-server@latest

1 Answer
1

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

webpack-serve

For simplicity, I also uploaded the full example to Github

By clicking "Post Your Answer", you acknowledge that you have read our updated terms of service, privacy policy and cookie policy, and that your continued use of the website is subject to these policies.