Импорт с css в реакции

Question

У меня есть проект реагирования с файлами s css, у меня есть файл переменных, который я хочу видеть во всех файлах. До сих пор, когда я хочу использовать переменную в другом файле s css (как в компоненте), мне нужно импортировать файл переменных в каждый компонент, который я хочу использовать. Я пытался использовать пакет sass-resources-loader, но он также не работал. Есть идеи?

Answer 1

Для использования S CSS в React сначала необходимо установить node-sass , чтобы вы могли просто добавить его в свой проект с помощью следующей команды:

npm install node-sass
or
yarn install node-sass

Затем вы можете свободно изменять CSS файлы на S CSS.

Но что на самом деле говорит об ошибке?

В вашем файле Layout.scss вы используете переменную $color-white и вы не определили его в файле должным образом, поэтому вы должны либо определить как $color-white: #FFFFFF; в том же файле (Layout.scss), либо определить его в другом файле, и импортировать файл в текущий файл. Например, вы можете создать файл и назвать его как Constants.scss, например:

//Constants.scss

$color-white: #FFFFFF;

, а затем импортировать его в Layout.scss, например:

//Layout.scss

import "./constants.scss"; // I Assume they are in the same directory.