CODEWITHSUNDEEP
reactjswebpackwebpack-dev-serverwebpack-serve
Aaron Chamberlain
Aaron Chamberlain

Reputation: 671

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:

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.

Upvotes: 1

Views: 3238

Answers (1)

zenoh
zenoh

Reputation: 2183

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

For simplicity, I also uploaded the full example to Github

Upvotes: 5

Related Questions