Global scss variables in react-create-app

Question

In my src folder, I have assets/styles folder where my global scss files are.

In my index.scss I import them like this

@import \'assets/styl         


        

Answer 1

you can use craco. follow this url https://www.npmjs.com/package/@craco/craco

Answer 2

Use partials when importing parts into index.scss

@import 'assets/styles/colors';
@import 'assets/styles/links';
@import 'assets/styles/basics';

The filenames should be

_colors.scss
_links.scss
_basics.scss

You can read more about this in the SASS docs under the Partial section.