DEV Community
·
Tailwind v4正式发布！了解如何升级您的当前项目，并与Flowbite一起探索新特性
💡
原文英文，约500词，阅读约需2分钟。
📝
内容提要
Tailwind v4-beta正式发布，新增特性和性能提升。推荐使用CSS变量配置颜色和字体。升级方法包括更新NPM包、修改postcss.config.js和CSS文件。建议在稳定版v3.x下使用以体验新功能。
🎯
关键要点
-
Tailwind v4-beta正式发布，带来新特性和性能提升。
-
推荐使用CSS变量配置颜色和字体。
-
升级方法包括更新NPM包、修改postcss.config.js和CSS文件。
-
建议在稳定版v3.x下使用以体验新功能。
-
性能编译时间提升3倍，弃用tailwind.config.js，改为CSS配置。
-
改进源检测，不再需要在配置中指定内容路径。
-
新增和重命名了一些工具类。
-
提供了详细的升级指南，推荐使用Flowbite项目作为示例。
❓
延伸问答
Tailwind v4-beta有哪些新特性？
Tailwind v4-beta带来了3倍更好的性能编译时间，弃用了tailwind.config.js，改为CSS配置，改进了源检测，并新增和重命名了一些工具类。
如何将现有项目升级到Tailwind v4？
升级方法包括使用NPM更新Tailwind和Flowbite包，修改postcss.config.js文件，更新主CSS文件，并编译源文件。
为什么推荐使用CSS变量配置颜色和字体？
使用CSS变量配置颜色和字体可以提高灵活性和可维护性，使主题相关设置更易于管理。
在升级过程中需要注意哪些事项？
在升级过程中需要注意Tailwind v4仍处于测试阶段，建议在稳定版v3.x下使用以体验新功能。
Flowbite项目如何与Tailwind v4结合使用？
Flowbite项目可以通过更新NPM包和配置文件来与Tailwind v4结合使用，具体步骤可参考官方文档。
Tailwind v4-beta的性能提升有多大？
Tailwind v4-beta的性能编译时间提升了3倍。
➡️
