Breaks when Webpack's output.publicPath is a URL

[kennethlmartin]

When output.publicPath in webpack is a URL, as is the case when using a CDN, the returned script tags from extractor.getScriptTags have broken src URLs with a slash being removed from the protocol.

If the below is set in webpack.

webpackConfig = {
  //...
  output: {
    publicPath: 'https://cdn.example.com/assets/',
  }
};

then extractor.getScriptTags() will return.

<script>window.__LOADABLE_REQUIRED_CHUNKS__ = ["loadable-example"];</script>
<script async data-chunk="loadable-example" src="https:/cdn.example.com/assets/loadable-example.js"></script>
<script async data-chunk="main" src="https:/cdn.example.com/assets/main.js"></script>

[patrickhaug]

It's because of this util fn

export const joinURLPath = (...paths) => paths.join('/').replace(/\/\//g, '/')
I guess it's there to strip a trailing slash in the public path? Or is there another purpose?

[kennethlmartin]

ahhh... okay so that should probably be something like this instead:

export const joinURLPath = (...paths) => paths.join('/').replace(/([^:]\/)\/+/g, '$1');