title: Heroku Deployment with Django: Webpack Bundle returns content of index.html instead of actual bundle
body: <p>The application runs fine in development, but once in production the generated webpack bundle file is serving the contents of index.html and not all the bundled modules and dependencies. </p>
  
  <p>Whenever I check the bundle file on the server, everything seems alright, but the same path is served differently on the client.</p>
  
  <p>webpack.config.js</p>
  
  <pre><code>//require our dependencies
  var path = require('path')
  var webpack = require('webpack')
  var BundleTracker = require('webpack-bundle-tracker')
  
  module.exports = {
      //the base directory (absolute path) for resolving the entry option
      context: __dirname,
      //the entry point we created earlier. Note that './' means 
      //your current directory. You don't have to specify the extension  now,
      //because you will specify extensions later in the `resolve` section
    entry: [
        './assets/js/index'
    ],    
    output: {
        path: path.resolve('./assets/bundles/'), 
        filename: "[name]-[hash].js"
    },
  
      plugins: [
          //tells webpack where to store data about your bundles.
          new webpack.NoErrorsPlugin(), // don't reload if there is an error
          new BundleTracker({filename: './webpack-stats.json'}), 
          //makes jQuery available in every module
          new webpack.ProvidePlugin({ 
              jQuery: 'jquery',
              'window.jQuery': 'jquery' 
          })
      ],
  
    module: {
      loaders: [
        // we pass the output from babel loader to react-hot loader
        { 
          test: [/\.js$/, /\.es6$/, /\.jsx?$/],
          exclude: /node_modules/, 
          loaders: ['babel'], 
        },
        { test: /\.css$/, loader: "style-loader!css-loader" }
      ]
    },
  
      resolve: {
          //tells webpack where to look for modules
          modulesDirectories: ['node_modules'],
          //extensions that should be used to resolve modules
          extensions: ['', '.js', '.jsx'] 
      }   
  }
  </code></pre>
  
  <p>Served Content:</p>
  
  <pre><code>Uncaught SyntaxError: Unexpected token &lt;
  
  &lt;!DOCTYPE html&gt;  
  &lt;html lang="en"&gt;  
    &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;!--&lt;title&gt;&lt;/title&gt;--&gt;
      &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
      &lt;script type="text/javascript" src="/static/jquery/dist/jquery.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript" src="/static/materialize-css/dist/js/materialize.min.js"&gt;&lt;/script&gt;
    &lt;/head&gt;
    &lt;body&gt;
        &lt;div id="container"&gt;&lt;/div&gt;
        &lt;script type="text/javascript" src="/static/assets/bundles/main-210eb139915d8d6abedf.js" &gt;&lt;/script&gt;
    &lt;/body&gt;
  </code></pre>
  
  <p>Thanks in advance.</p>