Tailwind CSS Blog
·
开源我们的Tailwind CSS v4.0进展
💡
原文英文，约2700词，阅读约需10分钟。
📝
内容提要
Tailwind CSS发布了Oxide的预览版，这是一个旨在简化开发者体验的高性能引擎。新引擎比以前的版本更快，占用空间更小。它使用Rust来处理性能关键部分，并以Lightning CSS作为唯一的依赖。引擎还包括自定义解析、内置@import处理、供应商前缀和嵌套支持等功能。Tailwind CSS v4旨在更像一个CSS本地化框架，并引入了新功能，如本地级联层和明确定义的自定义属性。该框架仍处于alpha阶段，但用户可以开始尝试并提供反馈。
🎯
关键要点
- Tailwind CSS发布了Oxide的预览版，旨在简化开发者体验。
- 新引擎比以前的版本更快，占用空间更小，使用Rust处理性能关键部分。
- 新引擎的构建速度提高了10倍，安装体积减少超过35%。
- 新引擎只依赖于Lightning CSS，包含自定义解析和内置@import处理等功能。
- Tailwind CSS v4不再是插件，而是一个处理CSS的全能工具。
- 内置了@import处理、供应商前缀和嵌套支持，无需额外插件。
- 引入了本地级联层和明确定义的自定义属性，增强了CSS的本地化体验。
- 支持容器查询和现代CSS特性，提升了框架的前沿性。
- 新架构允许更灵活的变体组合，简化了内容路径的配置。
- 目标是让Tailwind CSS v4更像一个CSS本地化框架，而不是JavaScript库。
- 移除了过时的工具，分离了PostCSS插件和CLI，简化了安装过程。
- 计划在稳定版本发布前解决向后兼容性问题，支持JavaScript配置文件和其他功能。
❓
延伸问答
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配置文件和其他功能。
🏷️
标签
➡️
