如何将全局Scss Mixins导入创建React App？

Question

请告诉我，是否可以在不使用弹出的情况下，将带有混入或变量的库全局导入到create react应用程序中？？

我有一个网格，让它成为Bootstrap预处理器网格，该网格提供用于生成网格元素（容器，行和列）的mixin，即：

.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模块中都可以使用此mixin-我找不到解决方法。

现在我正在执行此操作-在每个模块中，我都首先导入这些mixins

@import "./grid/index.scss";

然后mixin在模块内部工作。

但是在开发模式下，每个css模块中的mixin代码都重复了-mixins将相同的代码带到标签上

style duplicate

是否可以指定一次需要导入的内容，并在必要时在这些CSS模块中使用mixins？