Как работают CSS Modules

CSS Modules позволяют изолировать стили в компонентах, автоматически генерируя уникальные имена классов. Это решает проблему глобального пространства имен в CSS. **Как это работает:** 1. Импортируешь стили как JS-объект 2. Классы из CSS-файла становятся свойствами этого объекта 3. В процессе сборки имена классов заменяются на уникальные Пример: ```jsx // Button.module.css .error { color: red; } // Button.jsx import styles from './Button.module.css'; function Button() { return Click; } ``` После сборки класс преобразуется в что-то типа `Button_error_1x2y3`. **Особенности:** - Поддерживается в Create React App из коробки - Работает с препроцессорами (Sass/Less) - Можно использовать композицию классов через `composes` - Имена классов остаются читаемыми в dev-режиме