Firebase, React, Webpack - how change configuration when deploying?
<p>I'm building a SPA with React and Webpack, and use Firebase for storage and hosting.
I just tried to deploy it, though it is not jet finished. First, I get a lot of errors in the console:</p>

<pre><code>Mixed Content: The page at 'https://plump.firebaseapp.com/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://localhost:8080/sockjs-node/info?t=1463392450338'. This request has been blocked; the content must be served over HTTPS.
</code></pre>

<p>I understand that it is wrong that it requests from localhost, but I do not know how to fix that. I also do not understand what exactly is not served over https.</p>

<p>Also, when I do some changes and deploy again, the deployed version is not updated. I found <a href="https://stackoverflow.com/questions/25416066/how-to-make-changes-stick-in-fireapp-that-will-be-hosted-using-firebase-hosting">this question on SO</a> and it appears that I have the same problem.</p>

<p>Here is my webpack.config.js</p>

<pre><code>var webpack = require('webpack');

module.exports = {
    entry: [
        'webpack-dev-server/client?http://localhost:8080',
        'webpack/hot/only-dev-server',
        './src/index.js'
    ],
    module: {
        loaders: [{
            test: /\.js?$/,
            exclude: /node_modules/,
            loader: 'react-hot!babel'
        }]
    },
    resolve: {
        extensions: ['', '.js']
    },
    output: {
        path: './dist',
        publicPath: '/',
        filename: 'bundle.js'
    },
    devServer: {
        contentBase: './dist',
        hot: true
    },
    plugins: [
        new webpack.HotModuleReplacementPlugin()
    ]
};
</code></pre>

<p>index.html:</p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html&gt;
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;script src="https://cdn.firebase.com/js/client/2.4.2/firebase.js"&gt;&lt;/script&gt;
    &lt;script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'&gt;&lt;/script&gt;
    &lt;link rel="stylesheet" type="text/css" href="mystyle.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
    &lt;script&gt;
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '578503765660056',
          xfbml      : true,
          version    : 'v2.5'
        });
      };
      (function(d, s, id){
        var js, fjs = d.getElementsByTagName(s)[0];
        if (d.getElementById(id)) {return;}
        js = d.createElement(s); js.id = id;
        js.src = "//connect.facebook.net/swe_sv/sdk.js";
        fjs.parentNode.insertBefore(js, fjs);
      }(document, 'script', 'facebook-jssdk'));
    &lt;/script&gt;
      &lt;div id="app"&gt;&lt;/div&gt;
      &lt;script src="bundle.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
&lt;/html&gt;
</code></pre>