Я использую модули CSS, и мои файлы css/stylesheet живут рядом с моими компонентами.
Каков самый быстрый способ поддержки глобального файла цветов, который можно импортировать в мою таблицу стилей?
Поддерживают ли мои css-модули и веб-пакет это по умолчанию? Помощь.
Вы используете КРА? Если да, то можете. Вам просто нужно убедиться, что вы используете postcss и плагин postcss-modules-values. ПРИМЕЧАНИЕ. Не тестировал это без приложения Create React (пока), поэтому, если кто-то это сделал, это поможет узнать.
Теперь все, что вам нужно, это создать таблицу стилей (или просто использовать index.css, на ваш выбор) и сделать следующее:
@value blue: #0c77f8;
@value red: #ff0000;
@value green: #aaf200;
А теперь из вашего CSS-файла с компонентной областью просто импортируйте и используйте (почти как JS):
/* import your colors... */
@value colors: "./colors.css";
@value blue, red, green from colors;
.button {
color: blue;
display: inline-block;
}
Источник(документы).
