第一次写 React ,以前写 Vue 使用了 Vuetify ,material 组件+css 写起来很舒服
然后换 React 直接就选了 mui+tailwindcss ,前面写着还行,一打包,css 冲突 tailwind 的 css 都失效了
搜了一下,好像只能 tailwind 加前缀,但是这样写起来非常蛋疼
请问有其他更好的方法吗?不然要换 NextUI 了
1
y2x33 297 天前
试试 uno 呢
|
2
murmur 297 天前
tailwind 适合手搓轮子,如果没折腾能力建议直接用带样式的组件库
|
3
langziyang 296 天前 1
其实 MUI 写好了根本就不需要 tailwind,然后 MUI 也有结合 tailwind 的方法 https://mui.com/material-ui/integrations/interoperability/#tailwind-css
|
4
bigdatahestudy 296 天前 1
mui 本身有自己的 css in js 方案,其实并不适合结合 tailwind 去写
|
5
IvanLi127 296 天前 1
我用 twin.macro + mui ,好像没遇到什么问题。
|
6
lucifer518 OP @langziyang #3 感谢,按照这文档的来行的通,但是还是有点问题,刷新的时候会闪一下,从无样式到有样式,我再看看能不能解决
主要是觉得 tailwind 比 sx 写起来方便简洁一些,才用 mui+tailwind 的 |
7
langziyang 294 天前 via Android
@lucifer518 是的,tailwindcss 也是极其方便,我刚开始也是想一切办法结合两者,现在我基本换到 sx 了,tailwindcss 也还是在用,有一些组件你还是可以用 className 写
|
8
rocmax 289 天前 via Android 1
既然想用 tailwindcss ,组件库最好选择 headless 的,现在最流行的是 shadcn ui 。如果组件库内部包含了样式设定当然容易冲突。
|