Обязательно ли в каждый компонент импортировать mixin scss или же его можно сделать глобальным?

Question

[teopraktik]

Всем привет. Самоучка, кодю чисто для себя, поэтому строго не судите за скорее всего глупый вопрос.
Чтобы был понятен вопрос, отображу проблему на чистом react-приложении.
Структура приложения следующая. Есть два компонента: One и Two. Для задания стилей использую css-модули.

Также есть mixin, написанный на scss. Mixin поместил в отдельный файл mixin.scss. Что делает mixin сейчас значения не имеет. Но дело в том, что данный mixin нужно использовать во всех компонентах. При использовании в каждом компоненте приходится его каждый раз импортировать.

Так вот, вопрос в следующем – можно ли сделать данный mixin глобальным, чтобы его не пришлось каждый раз импортировать в каждый из компонентов, т.е. чтобы не пришлось использовать импорт и чтобы каждый внешний scss-файл понимал, что такое mixin с названием adaptive-value, как в данном примере?

Comments

[szQocks]

ui, vars, mixins - всё это глобально

[Семен Чернышев]

можно сделать глобальным импортировав в index.js или App