@cester

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

Добрый день! Подскажите кто знает в чем может быть проблема с 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" >
...


Буду благодарен за помощь!
  • Вопрос задан
  • 263 просмотра
Пригласить эксперта
Ответы на вопрос 2
@kacheleff
fullstack developer
есть подозрение, что дело может быть в разделителе в путях. Как известно, в Unix и Windows системах разделители разные. Для универсального решения проблемы можно использовать path.sep из модуля path. Попробуйте с его помощью записать пути.
Вот здесь есть пример регулярки, написанной с помощью path.sep
Ответ написан
Комментировать
edli007
@edli007
full stack, team lead
Так ты их просто не включил, да и синтаксис неверный

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

<Dropdown styleName={styles.dropdown} >
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы