error when filename contains [hash], [chunkhash] or [contenthash]

[nilzona]

if the webpack config is the following:

module.exports = {
  plugins: [
    new MiniCssExtractPlugin({
      filename: "[name].[contenthash].css",
    }),
    new ExposeRuntimeCssAssetsPlugin({
      // The filename here must match the filename for the MiniCssExtractPlugin
      filename: "[name].[contenthash].css",
    }),
  ],
};

the webpacked code tries to request a file where it seems [contenthash] has resolved to undefined

[joeldenning]

Thanks for reporting this issue, could you clarify which function is accessed that doesn't exist? Full stacktrace would be helpful.

[nilzona]

@joeldenning yes, of course
My description was a bit wrong, if [contenthash] or [chunkhash] is used in the filename like the example above the request resolves to thename.undefined.css

I put together a sample repo here https://github.com/nilzona/sspa-react that could be used to reproduce the issue

[joeldenning]

Thanks for providing the demonstration repo, I've put together a fix in #6 and released it in https://github.com/single-spa/single-spa-css/releases/tag/v1.1.2

[PieterBoeren]

Is this actually fixed?

In my compiled code I see:

d.miniCssF = function(t) {
return "main.af8b913bd3008a4bad58.css"
   }, d.cssAssetFileName = function(t) {
  return (179 === t ? "main" : t) + "." + {
  179: "af8b913bd3008a4bad58"
   } [t] + ".css"

I use the same config as nilzona above.

But the developer tools of the browsers shows me (main.undefined.css):

[joeldenning]

If there's still a bug, please open a new issue with a demonstration.

[PieterBoeren]

Created #11.