前端

Tailwind CSS 使用心得

·Next
#Tailwind#CSS

从抗拒到真香

一开始我很抗拒 Tailwind,觉得类名又长又丑:

<div class="flex items-center justify-between px-4 py-2 rounded-lg bg-white shadow-md">

但用了一段时间后发现,它确实解决了几个老问题。

优点

  • 不用起名字:再也不用纠结 .card-wrapper-inner 叫什么
  • 改样式不用切文件:改样式就在标签上改
  • 体积可控:没用到的类会被 purge 掉

缺点

  • 类名长,可读性靠习惯
  • 复杂组件还是需要 @apply 抽一层

总的来说,适合我这种一个人写全站的人。