Conflict: Multiple assets emit to the same filename : <p>I'm a webpack rookie who wants to learn all about it.
I came across a conflict when running my webpack telling me: </p>

<p><code>ERROR in chunk html [entry]
 app.js
 Conflict: Multiple assets emit to the same filename app.js</code></p>

<p>What should I do to avoid the conflict?</p>

<p>This is my webpack.config.js:</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>module.exports = {
  context: __dirname + "/app",

  entry: {
    'javascript': "./js/app.js",
    'html': "./index.html",
  },
  output: {
    path: __dirname + "/dist",
    filename: "app.js",
  },
  resolve: {
    extensions: ['.js', '.jsx', '.json']
  },
  module: {
    loaders: [
      {
        test: /\.jsx?$/,
        exclude: /node_modules/,
        loaders: ["babel-loader"]
      },
      {
        test: /\.html$/,
        loader: "file-loader?name=[name].[ext]",
      }
    ]
  }
};</code></pre>
</div>
</div>
</p>
