.module.css или .css?

Рейтинг: 0Ответов: 2Опубликовано: 13.01.2023

Какое расширение стилевых файлов для React лучше и в каких ситуациях? .module.css и .css

css reactjs
Источник: Stack Overflow на русском

Ответы

▲ 1Принят

Если тебе нужно использовать css файл в какой-то определенной области, тогда module.css. А если должна быть видимость по всему сайту - тогда просто .css

▲ 1

В зависимости от настроек может быть следующая разница:

  1. .module.css - компилируется как css-module, и к именам классов добавляется hash, чтобы они не пересекались с такими же именами в других файлах.

  2. Просто .css - остается как есть, классы доступны глобально, но могут быть конфликты, когда в разных компонентах одному свойству присваиваются разные значения.

Подробнее в Adding a CSS Modules Stylesheet