当TailwindCSS和Vant或Element等其他UI搭配使用时

Question

前端小白

当TailwindCSS和Vant或Element等其他UI搭配使用时，有没有什么必要的设置？

理论上两套UI都有一些基础的CSS Reset ，html,body,h1,2,3.. 等等，是不是重复了？会让打包文件变大？

这里是不用管他还是大家都怎么处理的？

Answer 1

element 之类应该是无 css reset 的。

所以你做 css reset 保不齐会导致他们样式异常。临时纠正一下就行。

Answer 2

1. tailwind 会 reset css，跟其它库可能存在冲突，可以不使用 @tailwind base; 避免引入 reset
2. tailwind 都是比较纯的低优先级样式，很容易被覆盖，真正使用时不太会冲突
3. tailwind 自带 purge，只会打包用到的样式
4. 其它仓库推荐 purgeCSS，过滤掉没用的样式规则