title: React-loadable gets chunks only from relative path
body: <p>I'm using <code>webpack 4.6.0</code> and <code>babel 7.0.0</code> to build <code>react 16.3</code> web app.</p>
  
  <p>My js assets are under https: //domain/js/app.bundle.js</p>
  
  <p>I use react-loadable to split components into chunks.
  The chunks are also located under /js/, however, react fetches them from the relative path, that is:</p>
  
  <pre><code>https: //domain/1.app.bundle.js
  </code></pre>
  
  <p>which of course doesn't work.</p>
  
  <p><strong>Question: How do I tell react or webpack to use the absolute path /js/ for fetching chunks?</strong></p>
  
  <p>Here is my webpack.config.json</p>
  
  <pre><code>var path = require('path');
  
  module.exports = {
      mode: 'production',
      devtool: 'eval-source-map',
      entry: './js/src/app.js',
      watch: false,
      watchOptions: {
          aggregateTimeout: 300,
          poll: 1000,
          ignored: /node_modules/
      },
      output: {
          path: path.resolve(__dirname, "output/js"),
          filename: 'app.bundle.js',
          chunkFilename: '[name].app.bundle.js',
      },
      module: {
          rules: [
              {
                  test: /\.js$/,
                  loader: 'babel-loader',
                  include: path.resolve(__dirname, "js/src"),
                  query: {
                      presets: ['@babel/preset-react'],//, 'es2015'],
                      plugins: [
                          'transform-class-properties',
                          '@babel/plugin-syntax-dynamic-import'
                      ]
                  }
              },
              {
                  test: /\.scss$/,
                  include: path.resolve(__dirname, "sass"),
                  loaders: ['style', 'css', 'sass']
              }
          ]
      }
  };
  </code></pre>
  
  <p>And here are the packages i have in package.json</p>
  
  <pre><code>    "@babel/plugin-syntax-dynamic-import": "^7.0.0",
      "@material-ui/core": "^3.0.3",
      "@material-ui/icons": "^3.0.1",
      "@babel/cli": "^7.0.0",
      "@babel/core": "^7.0.1",
      "babel-loader": "^8.0.2",
      "babel-plugin-transform-class-properties": "^6.24.1",
      "babel-preset-es2015": "^6.9.0",
      "@babel/preset-react": "^7.0.0",
      "node-sass": "^4.9.2",
      "react": "^16.3.2",
      "react-addons-css-transition-group": "^15.6.2",
      "react-dom": "^16.3.2",
      "react-loadable": "^5.5.0",
      "react-swipeable-views": "^0.12.13",
      "react-tap-event-plugin": "^3.0.3",
      "scss-compile": "^0.1.7",
      "webpack": "^4.6.0",
      "webpack-cli": "^2.1.2",
  </code></pre>
  
  <p>And here is the react code that I changed to test the code splitting</p>
  
  <pre><code>import React from 'react';
  import Loadable from 'react-loadable';
  
  const PV = Loadable({
      loader: () =&gt; import('./PV/PV'),
      loading: () =&gt; &lt;div&gt;Loading...&lt;/div&gt;,
  });
  </code></pre>