我的大部分网站都在我的一些全局 UI 样式中使用 Bulma 类，我想继续在我的组件中使用这些类，但也能够为这些组件定义 CSS 模块，以便自定义每个组件的调整。
正因为如此，我添加babel-plugin-react-css-modules到我的项目中，它允许我使用我的 Bulma 类className并将我的模块类放入styleName. 好吧，有点hacky的感觉，但它的工作。我global-styles.scss在 CSS 目录中有一个文件，我正在将其加载到我的主应用程序组件中。这是我导入 Bulma 以及定义我自己的任何全局样式的地方。
我的问题是，当我的全局样式和模块样式都被粉碎在一起（通过 css-modules？）并注入头部的样式标签（通过 style-loader？）时，我的模块样式首先被定义，然后是我的全局样式。
我觉得模块样式是本地范围的，并且应该始终优先（最后加载），即使我在同一个组件中同时加载全局样式和范围样式。例如，在一个组件中，我使用了 Bulma 的.navbar类，但我也在我的.navbarCSS 模块中为该组件定义了我自己的类，并且我将这两个类应用于我的组件中的同一个元素。
无论如何我可以指定构建样式标签的顺序吗？在所有这些插件之间，我迷失了方向，然后当您将 Gatsby 的插件抽象放在上面时，一切都非常混乱。