作为曾经 CSS in JS 的粉丝,早已转投 Tailwind CSS 了,原子化 CSS 已经成了一种习惯,尤其是 AI 生成 Tailwind CSS 友好,再也回不去了。
CSS IN JS 在 BootStrap 流行的年代是挺好的,用 JS 的方式写 CSS,很符合程序员的习惯,而且按需编译,绝无多余CSS,不像BootStrap,整个CSS你可能就用了30%但是你就是得每次加载那70%多余的CSS,每次新功能都要加一坨CSS,然后以后再也不敢删了。
但 CSS IN JS 早年有个麻烦的问题是服务端渲染不友好,不知道现在是不是已经解决了。
现在当 Tailwind CSS 普及后,也是按需编译,没有多余的CSS,使用方便, AI 生成友好,服务端渲染友好。
注意 AI 生成友好这点很重要,你看 v0、bolt、Claude默认都会给你用 Tailwind CSS,何必折腾?