Tailwind CSS v4 新特性解析

全新的引擎

Tailwind CSS v4 采用了全新的 Oxide 引擎，使用 Rust 重写了核心部分，带来了显著的性能提升。

新引擎的构建速度比 v3 快了 10 倍以上，这对于大型项目来说是一个巨大的改进。

支持更智能的增量编译，只重新编译变化的部分，开发体验更加流畅。

v4 引入了基于 CSS 的配置方式，可以直接在 CSS 文件中使用 @theme 定义主题变量。

@import "tailwindcss";

@theme {
  --color-primary: #007AFF;
  --font-body: "LXGW WenKai", serif;
}

新版本对响应式工具类进行了优化，支持更灵活的断点配置。

从 v3 迁移到 v4 相对平滑，官方提供了迁移工具和详细的升级指南。建议在新项目中直接使用 v4。

Tailwind CSS v4 是一次重大更新，新引擎带来的性能提升和开发体验改进值得升级。