title: Webpack-dev-server how to include bundle
body: <p>I am trying to switch from using <code>webpack</code> in my dev environment to using <code>webpack-dev-server</code>. </p>
  
  <p>Everything works fine in the sense that the bundle is correctly created and lies in memory on <code>http://localhost:8080/path/to/bundle</code>. But I can not access this path since the browser blocks mixed content, and the file is not accessible via <code>https</code>.</p>
  
  <p>So that is my first problem, but give that I can fix that issue, i can not just include the file by saying</p>
  
  <p><code>&lt;script src='http://localhost:8080/path/to/bundle'&gt;</code> because that would not work when i push this to production.</p>
  
  <p>I have watched and read a bunch of different tutorials but I can't seem to really understand how this works. For reference, this is my config file:</p>
  
  <pre><code>module.exports = {
      entry: "./npm_views/entry.js",
      output: {
          filename: "npm_bundle.js",
          publicPath: '/build',
          path: path.resolve(__dirname, "build/"),
      },
      module: {
          rules: [
              {
                  test: /\.jsx?$/,
                  include: /npm_views/,
                  loader: "babel-loader",
                  query: {
                      presets: ['react' ,'env'],
                      plugins: ['transform-class-properties']
                  }
              }
          ]
      },
  }
  </code></pre>