Я строю статический проект сайта с использованием Gatsby. Я успешно установил плагин sats для gatsby и запустил sass, однако не смог должным образом импортировать свой пользовательский файл переменных sass в файлы sass других компонентов.
Ниже моя структура папок:
`--src
-components
-header
-header.js
-header.sass
--layouts
-index.js
-index.sass
--pages
-page1.js
-page1.sass
--sass
-_color.sass
-_global.sass
-_mixins.sass
`
Как показано выше, я использую пользовательскую папку 'sass' для хранения всех глобальных переменных и стилей, а затем импортирую их в каждый компонент sass, который нуждается в них (я понимаю, что это может быть не традиционный подход, но я Я все еще новичок в реакции и Гэтсби, и пока не совсем знаком с другими методами, такими как компонент css). Например, если мне нужно получить доступ к цветовым переменным внутри «page1.sass», я бы импортировал файл color sass в page1.sass и определил там конкретный стиль компонента. Проблема в том, что при этом я получаю ошибку «Неопределенная переменная». Я проверил свой путь импорта, и все, кажется, правильно, я не мог понять, что пошло не так. Самое странное, что импорт миксинов работает нормально. Эта проблема кажется уникальной при импорте переменных sass. я что-то здесь упускаю?