В чем проблема с webpack css-modules на windows?

Question

[cester]

Добрый день! Подскажите кто знает в чем может быть проблема с css-modules?
В таком случае

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

...

не работает на виндовс

В этом работает на виндовс, но не работает на mac

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

...

Сами стили записываются так

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

Буду благодарен за помощь!

Comments

[cester]

Артём Петренков,

module: {
    rules: [{
      test: /\.(s?css|sass)$/,
      exclude: /(components|actions).*\.scss$/,
      use: ['style-loader', 'css-loader', 'sass-loader'],
    }, {
      test: /(components|actions).*\.scss$/,
      use: [{
        loader: 'style-loader',
      }, {
        loader: 'css-loader',
        options: {
          modules: true,
          localIdentName: '[local]___[hash:base64:5]',
        },
      }, {
        loader: 'sass-loader',
      }],
    }],
  },

Answer 1

[Sergey Epifanov]

есть подозрение, что дело может быть в разделителе в путях. Как известно, в Unix и Windows системах разделители разные. Для универсального решения проблемы можно использовать path.sep из модуля path. Попробуйте с его помощью записать пути.
Вот здесь есть пример регулярки, написанной с помощью path.sep

Answer 2

[Alexander Litvinenko]

Так ты их просто не включил, да и синтаксис неверный

https://github.com/TrustyWork/PRP-Webpack4-2018/bl...
modules: true,

<Dropdown styleName={styles.dropdown} >