Как использовать переменные Sass в React?

Question

[qfrontend]

Приветствую) Как использовать переменные Sass в React? Есть файл color.sass, там переменные цветов которые нужны на всех страницах. Получается что мне надо импортировать этот файл в каждый component.sass файл? Или можно импортировать его куда то где он будет доступен для всех component.sass файлов ?

Comments

[antimodern]

Это вопрос про вебпак скорее

Answer 1

[Anton Filippov]

С вашим подходом никак. Либо хранить переменные в js-файле и импортировать их через template literal `${...}`
Либо сасс отдельно собирать и просто в индексе импортировать

Comments

[qfrontend]

А вообще обычно как пишут sass в react? Я новичёк в react.

[Anton Filippov]

qfrontend, я хз как обычно его пишут, сейчас больше CSS in JS используют, например https://styled-components.com/docs
Это удобно, особенно в том плане, что стили могут зависеть от state/props.