我应该将 SCSS 与 material-ui 一起使用还是使用 material-ui 样式？

Question

我需要专家意见来了解是使用 material-ui 样式还是 scss？

我看到几个项目转向基于 MUI 的样式而不是 scss，只是在查看文档 [https://mui.com/system/styles/basics/][1] 它说它已被 MUI 弃用且不再支持，并且在 react 18 中也不支持。

在 Next.js 的情况下它也不支持 SSR MUI 唯一支持的是样式化组件，但这就像处理样式化组件库一样，与 scss 相比，它没有任何速度优势。

我的问题是使用带有材质 UI 的 scss 还是使用材质 UI 样式是否明智？使用其中一个有什么好处？

Answer 1

我不会说我是专家，但根据我在 MUI 工作 3 年的经验，我认为您将需要两者。 但是请确保您有自己的样式并尽可能使用您的 scss guidStyles，这样更容易检查并为您提供更清晰的代码结构视图，而不是 MUI 自动生成的类。 事实上，有时你会需要它，例如：如果你必须检测某个元素的宽度，并且在此基础上你必须处理它并增加一些其他宽度 + 元素宽度，那么你可以使用 MUI makeStyles 来达到它。 很快： 确保您使用自己的 scss 变量、颜色、大小、字体等 .. 包括断点和 mixins。 但是，当您需要与 MUI 集成时，请随意使用它。