Я использую create-react-app для нового проекта. Я установил node-sass, и все работает. У меня есть один файл variables.scss в папке styles, которая находится в корне папки src. Я хочу иметь возможность использовать переменные в этом файле во всех файлах стилей компонентов приложения.
Мне не нравится подход импорта файла variables.scss в файл scss каждого компонента. Я хочу иметь возможность ссылаться на переменные в любом месте приложения и получать значения. Но до сих пор я не смог найти хороший ресурс, который показывает, как это сделать без ejecting create-react-app.
- src/
- styles/
- variables.scss
- App.js
- App.scss
- features/
- home/
- home.scss
- Home.js
- index.js
- index.scss
Например, если мне нужно использовать переменную в файле home.scss, я не должен импортировать файл variables.scss. Вместо этого я мог бы просто сослаться на имя переменной.
Пожалуйста, дайте мне знать, что возможно.