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

Posted 2023-03-06

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

【英文标题】：Can i use Tailwind CSS and Material UI in the same Next js project?

【发布时间】：2021-11-29 16:21:23

【问题描述】：

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

【问题讨论】：

是的，你可以，tailwind 允许为你的类添加前缀，所以通过适当的配置，你很可能永远不会遇到冲突。对于您的第二个问题，*** 确实不是基于意见提出这个问题的平台。有些人实际上确实将实用程序框架与组件框架一起使用，但这只是一种选择——你需要自己制作一个，可能是在 Reddit 等论坛上寻求经验之后。

【参考方案1】：

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

我认为你只能通过 ui 框架。我对ui有建议。对于您的下一个 js 项目，您可以使用 - 顺风 CSS 主题-ui

谢谢。

【参考方案2】：

当然，你会遇到一个大问题，因为一旦你初始化了一个样式库，它就会将它的基本样式应用到组件上，所以如果你使用多个样式库，你可能无法改变样式库的行为或样式。组件。 在添加类名等时，它还会导致垃圾建议。 坚持使用 UI 库并使用它。如果您无法使用 ui 库获取它，请使用 CSS 自己动手，这可能会更有趣，并且您可以更好地控制组件。