Certain CSS styles not loading in Docusaurus 2

[yangshun]

🐛 Bug Report

Certain CSS modules styles are not loading. E.g. the theme toggle, the navbar styles.

This is caused by style-loader@1.1.0 webpack-contrib/style-loader#445 which causes overriding of the styles if the name of the CSS module files are the same.

Have you read the Contributing Guidelines on issues?

Yes.

To Reproduce

Initialize a new Docusaurus 2 website

Note from Maintainers

We might publish a new Docusaurus 2 alpha version which locks down the version of style-loader to 1.0.2.

[endiliey]

style loader is only used in dev though. This affect prod as well ?

docusaurus/packages/docusaurus/src/webpack/utils.ts

Line 39 in 8b26d92

!isProd && require.resolve('style-loader'),

[bravo-kernel]

I can confirm that this is only happening locally, the Netlify preview shows as expected

[rayronvictor]

Running yarn run build works as expected