What is the problem with webpack css-modules on windows?

Question

JavaScript

Good afternoon! Tell me who knows what could be the problem with css-modules ?
In this case

module: {
    rules: [{
      test: /\.(s?css|sass)$/,
      exclude: /main\/(components|actions)\/.+\.scss$/,
      use: ['style-loader', 'css-loader', 'sass-loader'],
    }, {
      test: /main\/(components|scenes)\/.+\.scss$/,

...

does not work on windows
This one works on windows but does not work on mac

module: {
    rules: [{
      test: /\.(s?css|sass)$/,
      exclude: /(components|actions).*\.scss$/,
      use: ['style-loader', 'css-loader', 'sass-loader'],
    }, {
      test:  /(components|scenes).*\.scss$/,

...

The styles themselves are written like this

<Dropdown styleName="styles.dropdown" >
...

I will be grateful for your help!

Answer 1

There is a suspicion that the matter may be in the separator in the paths. As you know, separators are different in Unix and Windows systems. For a generic solution to the problem, you can use path.sep from the path module. Try using it to write paths.
Here is an example of a regular expression written using path.sep

Answer 2

So you just didn't include them, and the syntax is wrong
https://github.com/TrustyWork/PRP-Webpack4-2018/bl...
<Dropdown styleName={styles.dropdown} >