How to use Sass variables in React?

Question

React

Hello) How to use Sass variables in React? There is a file color.sass , there are color variables that are needed on all pages. It turns out that I need to import this file in each component.sass file? Or is it possible to import it somewhere where it will be available for all component.sass files ?

Answer 1

Not with your approach. Either store the variables in a js file and import them through a template literal Or collect the sass separately and simply import it in the index `${...}`