title: How to configure webpack-serve?
body: <p>I was trying to set up a webpack development server, following the tutorial, in which it is done with <code>webpack-dev-server</code>, but since it doesn't work with <code>webpack-cli v4</code>, I decided to use <code>webpack-serve</code> (version 3.2.0). My folder structure looks like <a href="https://i.stack.imgur.com/DIchy.jpg" rel="nofollow noreferrer">this</a>.
  index.js and test.js are bundled, they are supposed to log some number and a string to the console, index.html in dist folder is connected to bundle.js. My package.json is:</p>
  <pre><code>{
    &quot;name&quot;: &quot;forkify&quot;,
    &quot;version&quot;: &quot;1.0.0&quot;,
    &quot;description&quot;: &quot;forkify project&quot;,
    &quot;main&quot;: &quot;index.js&quot;,
    &quot;scripts&quot;: {
      &quot;dev&quot;: &quot;webpack --mode development&quot;,
      &quot;build&quot;: &quot;webpack --mode production&quot;,
      &quot;start&quot;: &quot;webpack-serve --config webpack.config.js --host localhost --port 8080 --open&quot;
    },
    &quot;author&quot;: &quot;Alex&quot;,
    &quot;license&quot;: &quot;ISC&quot;,
    &quot;devDependencies&quot;: {
      &quot;webpack&quot;: &quot;^5.1.0&quot;,
      &quot;webpack-cli&quot;: &quot;^4.0.0&quot;,
      &quot;webpack-serve&quot;: &quot;^3.2.0&quot;
    },
    &quot;dependencies&quot;: {}
  }
  </code></pre>
  <p>and webpack.config.js looks like this:</p>
  <pre><code>const path = require(&quot;path&quot;);
  
  module.exports = {
    entry: &quot;./src/js/index.js&quot;,
    output: {
      path: path.resolve(__dirname, &quot;dist/js&quot;),
      filename: &quot;bundle.js&quot;,
    },
    devServer: {
      contentBase: &quot;./dist&quot;,
    },
  };
  </code></pre>
  <p>When I run <code>&quot;start&quot;</code> script, it opens a page with 'Not found / 404' error, <a href="https://github.com/shellscape/webpack-plugin-serve/blob/master/.github/FAQ.md#what-does-the-not-found--404-error-mean" rel="nofollow noreferrer">here</a> it says, that it must be trying to serve index file, but couldn't find one. When in <code>&quot;start&quot;</code> script I do not specify host  and port, it opens a page on http://[::]:55555/ and I get 'Unable to connect error', nothing from my bundle gets logged to the console. Path seems fine to me. Changing <code>devServer</code> to <code>serve</code> in webpack.config.js produces an error in the command line: configuration has an unknown property 'serve'. Please help me find the problem and get the  server running.</p>