Как оптимизировать работу с модулями CSS в next.js без ввода стилей. для каждого класса? ⇐ Html

[Anonymous]

Я работаю над проектом next.js и использую модули CSS для стиля отдельных компонентов (например, Login.module.css для входа компонента). Мой текущий рабочий процесс выглядит так:

• Сначала я пишу всю структуру HTML/TSX (или, по крайней мере, часть).
• Затем я прыгаю в файл модуля CSS и создаю все имена классов (все CSS). />

  Код: Выделить всё

  className={styles.className}

  .

Этот процесс немного утомитель, особенно по сравнению с просто написанием, например, classname = "titleLogin" напрямую.
Пример:

Код: Выделить всё

// What I’d prefer to do at first
Login title

// What I end up needing for CSS Modules
Login title

Стили для печати. Когда у меня есть несколько имен классов внутри div , действительно раздражает меня.
Мой вопрос:
Есть ли лучший или более эффективный способ работы с модулями CSS в следующем. Предложения по инструментам или советы по рабочим процессам, которые могут сделать работу с CSS -модулями менее повторяющимися во время разработки.

Подробнее здесь: https://stackoverflow.com/questions/796 ... styles-for