Почему не вставляются стили?

Создан проект:
create-react-app myapp

Создан компонент Car.js:

import React from "react"
import classes from './Car.css'

return (
   <div className={classes.Car}>
   </div>
)


Создан Car.css:

.Car {
    display: block;
    padding: 10px;
    border-radius: 5px;
}


Выполнены команды:

yarn eject
yarn start


В html-коде компонента класс не вставляется.

Честно гуглил. Но в основном находит более старые версии webpack.config.js.
Типа:
module: {
    rules: [
      {
        test: /\.css$/,
        use: [
          'style-loader',
          'css-loader'
        ]
      }
    ]
  }


А у меня:
{
              test: cssRegex,
              exclude: cssModuleRegex,
              use: getStyleLoaders({
                importLoaders: 1,
                sourceMap: isEnvProduction && shouldUseSourceMap,
              }),
              // Don't consider CSS imports dead code even if the
              // containing package claims to have no side effects.
              // Remove this when webpack adds a warning or an error for this.
              // See https://github.com/webpack/webpack/issues/6571
              sideEffects: true,
            },


Хотя, может проблема и не в webpack.
  • Вопрос задан
  • 75 просмотров
Пригласить эксперта
Ответы на вопрос 1
@paoluccio
Именуйте файлы модульных стилей согласно конвенции, тогда всё будет работать.
Должно быть [name].module.css
Ответ написан
Ваш ответ на вопрос

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

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