Reactjs 我能告诉样式加载器在我的css模块之前加载我的全局css吗？

我的大部分站点都在使用Bulma类来进行一些全局UI样式设计，我希望继续在我的组件中使用这些类，但也能够为这些组件定义CSS模块，以便对每个组件进行自定义调整

正因为如此，我在我的项目中添加了

babel plugin react css modules

，它允许我在

className

中使用我的Bulma类，并将我的模块类放在

styleName

中。好的，有点不舒服，但它起作用了。我在CSS目录中有一个

global styles.scss

文件，正在加载到我的主应用程序组件中。这就是我导入Bulma的地方，以及定义我自己的任何全局样式

我的问题是，当我的全局样式和模块样式都被粉碎在一起（通过css模块？）并被注入头部的样式标记（通过样式加载器？）时，首先定义我的模块样式，然后定义我的全局样式

我觉得模块样式是局部范围的，应该始终优先（最后加载），即使在同一组件中同时加载全局和范围样式。例如，在一个组件中，我使用了Bulma的

.navbar

类，但我还在CSS模块中为该组件定义了自己的

.navbar

类，并且我将两者应用于组件中的同一元素

---

我是否可以指定生成样式标记的顺序？在所有这些插件之间，我只是迷失了方向，当你把盖茨比的插件抽象放在上面时，一切都非常混乱。

我不完全确定是什么导致了这个问题，但它似乎与盖茨比有关

提示：本教程的这一部分重点介绍了开始设计Gatsby站点样式的最快捷、最直接的方法—使用Gatsby-browser.js直接导入标准CSS文件。在大多数情况下，添加全局样式的最佳方法是使用共享布局组件

他们推荐的方法是在布局组件中导入全局文件。这是在我的模块之后加载我的全局文件。然而，创建一个

gatsby browser.js

文件，并在那里导入我的全局文件，就是在按预期顺序加载我的样式