是否可以将 MaterialUI 与 React 和 css 模块一起使用并访问 css 模块文件中的主题？

Question

我正在将 Material UI 与 React 应用程序一起使用。对于通用样式，我只是简单地使用全局主题覆盖。但根据上下文有一些特定的规则，为此我想使用 css 模块。是否可以访问 css 模块内的主题？

我在 Material UI 文档中没有找到任何有关此内容的信息。也尝试用 google 搜索它，但是太多人在尝试使用 CSS 模块覆盖 MaterialUI 规则时遇到特殊性问题。

Answer 1

这不可能。

通过在 scss 变量中记录颜色、字体、间距等来解决这个问题。

仍然覆盖全局主题，我们可以导入 scss 变量来访问它们。

当我们必须使用组件特定的样式时，我们仍然可以使用 scss 模块并导入变量来访问主题。

因此，我们使用 scss 变量作为唯一的事实来源。