我可以在同一个 Next js 项目中使用 Tailwind CSS 和 Material UI 吗？

Question

如果我同时使用它们，我会遇到冲突吗？这是一个很好的使用方法吗？

Answer 1

这是有可能的，MUI 团队已经解决了这个问题。

从文档中：

如果您习惯了 Tailwind CSS 并希望将其与 MUI 组件一起使用，则可以从克隆Tailwind CSS 示例项目开始。如果您使用不同的框架或已经设置了您的项目。

有必要删除 Tailwind 的基本指令，以支持由 提供的 CssBaseline 组件@mui/material并修复 CSS 注入顺序。

Answer 2

您可以使用 Base UI 而不是 Material UI。 https://mui.com/base/guides/working-with-tailwind-css/

Answer 3

是的，您可以运行这两个 ui 框架。但这不是一个好方法。每个ui框架都有设计ui部分的完整解决方案。就像在 tailwind css 中一样，您可以使用 JIT 编译器来编译您的自定义 css。或者另一方面 MUI 也有。

我认为你只能通过 ui 框架来完成。我对 ui 有建议。对于您的下一个 js 项目，您可以使用 - Tailwind Css Theme-ui

谢谢。