开源我们的Tailwind CSS v4.0进展
内容提要
Tailwind CSS发布了Oxide的预览版，这是一个旨在简化开发者体验的高性能引擎。新引擎比以前的版本更快，占用空间更小。它使用Rust来处理性能关键部分，并以Lightning CSS作为唯一的依赖。引擎还包括自定义解析、内置@import处理、供应商前缀和嵌套支持等功能。Tailwind CSS v4旨在更像一个CSS本地化框架，并引入了新功能，如本地级联层和明确定义的自定义属性。该框架仍处于alpha阶段，但用户可以开始尝试并提供反馈。
延伸解读
性能提升的实际影响
新引擎Oxide将构建速度提升高达10倍，例如Tailwind CSS官网构建从960ms降至105ms，Catalyst UI套件从341ms降至55ms。安装体积减少超过35%，即使包含Rust和Lightning CSS等原生包。这些改进能显著加快开发时的热重载和构建流程，尤其对大型项目体验提升明显。
CSS原生化的设计转变
v4.0致力于让框架更像CSS原生工具，而非JavaScript库。通过@import引入，使用@theme指令和CSS变量进行配置，替代了传统的JavaScript配置文件。同时内置@import处理、供应商前缀和嵌套支持，无需额外插件，简化了CSS管道配置。
破坏性变更与迁移注意
v4.0移除了一些已弃用的工具类，如text-opacity-*、flex-grow-*等，需改用现代替代品。PostCSS插件和CLI变为独立包，需单独安装。border工具默认颜色从gray-200改为currentColor，ring工具默认从3px蓝色环改为1px currentColor环。升级时需检查这些变更。
当前限制与未来计划
作为alpha版本，v4.0暂不支持JavaScript配置文件、显式内容路径配置、插件和自定义工具、前缀、安全列表、important配置、theme()函数和独立CLI。官方计划在稳定版前解决这些向后兼容问题，并重新引入相关功能，以方便迁移。
Q&A
Tailwind CSS v4.0的Oxide引擎有什么主要特点？
Oxide引擎旨在简化开发者体验，速度提高10倍，安装体积减少超过35%，并使用Rust处理性能关键部分。
Tailwind CSS v4.0与之前版本相比有哪些显著变化？
v4.0不再是插件，而是全能的CSS处理工具，内置@import处理、供应商前缀和嵌套支持，简化了安装过程。
如何开始使用Tailwind CSS v4.0的Alpha版本？
可以通过npm安装Tailwind CSS v4 Alpha，并在项目中导入Tailwind CSS，具体命令为$ npm install tailwindcss@next。
Tailwind CSS v4.0支持哪些现代CSS特性？
v4.0支持容器查询、真实的@layer规则、显式定义的自定义属性和现代CSS特性如oklch()颜色。
Tailwind CSS v4.0的目标是什么？
目标是让Tailwind CSS v4更像一个CSS本地化框架，而不是JavaScript库，提升开发者的使用体验。
Tailwind CSS v4.0在向后兼容性方面有什么计划？
计划在稳定版本发布前解决向后兼容性问题，支持JavaScript配置文件和其他功能。
