Как сделать основной файл s css видимым для всех реагирующих компонентов?

Question

Я использую React, scss.

У меня есть основной scss файл с миксинами, переменными, extends и т. Д. c. В настоящее время, если я хочу использовать mixins или переменную, мне нужно @import './global.scss'; в каждом компоненте непосредственно там, где я хочу его использовать. Но большую часть времени мне нужны эти стили почти во всех компонентах global.scss. Как я могу сделать global.scss видимым для всех компонентов без повторения импорта в каждом компоненте напрямую?

Спасибо.

Answer 1

в sass такой возможности нет. Решения: Первый и самый простой: Просто включите @import во все файлы sass, это неплохая практика, так как вы всегда будете иметь контроль над всеми переменными, которые импортируются в каждый файл в вашем приложении.

Второй При создании приложения через веб-пакет вы можете найти все sass-файлы (которые не запускаются с подчеркиванием) в вашем проекте и включить в него импорт.