Tailwind CSS v4 初体验
从 v3 升级到 v4 后，配置方式和一些写法变了，记录一下第一印象。
Tailwind v4 把配置从 tailwind.config.js 挪进了 CSS：用 @theme 定义颜色、间距等，用 @layer 组织，和 PostCSS/Vite 的集成方式也有变化。第一次用会有点「找不到 config 文件」的不习惯，但习惯之后改主题确实更直观。
和 v3 的差异
- 主题：不再依赖 JS 的
theme.extend，而是在 CSS 里写@theme { --color-xxx: ... }，和设计 token 的思路更接近。 - 插件：生态还在过渡，部分 v3 插件要等 v4 兼容或替代方案。
- 性能：构建和 HMR 在我这边体感更快，官方也强调过引擎重写。
适合谁
如果你是新开项目、且不依赖一堆 Tailwind 插件，直接上 v4 没问题。老项目可以等常用插件都支持了再迁，或者先在侧枝分支试跑一遍。