Скажите, пожалуйста, возможно ли глобально импортировать библиотеку с миксинами или переменными в приложение создания реакции без использования eject ?
У меня есть сетка, пусть она будет Bootstrap препроцессорная сетка, которая дает миксины для генерации элементов сетки - контейнеров, строк и столбцов, например:
.myContainer {
@include make-container();
@include make-container-max-widths();
}
.myRow {
@include make-row();
}
.myCol {
background-color: yellow;
@include make-col-ready();
@include make-col(4);
@include media-breakpoint-down(sm) {
@include make-col(6);
}
@include media-breakpoint-down(lg) {
@include make-col(12);
}
}
Я использую css модуль для стилей в реагировании, и я хотел бы получить доступ к этому миксину в каждом css модуле - я не могу найти решение.
Сейчас я делаю это - в каждом модуле я импортирую эти миксины в начале
@import "./grid/index.scss";
И тогда миксины работают внутри модуля.
Но код миксина дублируется в каждом из css модулей в режиме разработки - миксины приносят одинаковый код в теги
дубликат стиля
Можно ли один раз указать, что нужно импортировать, и просто использовать миксины в этих css модулях, где это необходимо?