Что такое CSS Modules?

CSS Modules — это подход, где каждый CSS-файл скоупится к компоненту. Имена классов автоматически хешируются при сборке: .button становится .button_a1b2c. Импортируешь как объект: import styles from "./Button.module.css", используешь styles.button. Нет конфликтов имён, нет утечки стилей. Работает из коробки в Vite, Next.js, CRA. Проще чем CSS-in-JS — обычный CSS, без runtime overhead. Компилируется в обычные CSS-файлы с уникальными классами.