title: Webpack 4 - Output is not creating bundle.js in the correct place
body: <p>I recently upgraded from Webpack 3 to 4. </p>
  
  <p>Here is my webpack.dev.js file:</p>
  
  <pre><code>module.exports = {
      mode: 'development',
      entry: './src/index.js',
      output: {
          filename: 'public/bundle.js'
      },
  </code></pre>
  
  <p><strong>Expected Behaviour</strong></p>
  
  <p>It should be creating my <code>bundle.js</code> in the <code>public</code> folder.</p>
  
  <p><strong>Actual Behaviour</strong></p>
  
  <p>It's creating a <code>main.js</code> file in a folder called <code>dist</code></p>
  
  <p><strong>Conclusion</strong></p>
  
  <p>For some reason the output is no longer working as it should. </p>
  
  <p><strong>Question</strong></p>
  
  <p>How should I be generating the filename?</p>
  
  <p>Here is the script I run:</p>
  
  <pre><code>"scripts": {
      "watch": "./node_modules/.bin/webpack --mode development --watch --progress",
  },
  </code></pre>