Tailwind CSS 4.2 发布：新增 Webpack 插件、全新色板及逻辑属性工具

📌 一句话摘要

Tailwind CSS 4.2 引入了专属 Webpack 插件、四款全新的中性色板、扩展的逻辑属性支持，并显著提升了重新编译的性能。

📝 详细摘要

Tailwind CSS 4.2.0 是一次重要的更新，进一步增强了 v4.0 的架构。核心功能包括用于简化集成的 @tailwindcss/webpack 包、四款全新的柔和色板（mauve、olive、mist、taupe），以及为提升国际化支持而扩展的逻辑属性工具。值得注意的是，该版本在重新编译速度上实现了高达 3.8 倍的提升，这将使 Next.js、Vite 和 Webpack 环境下的大型应用受益。

💡 主要观点

- 引入原生 Webpack 插件。 全新的 @tailwindcss/webpack 包消除了手动配置 PostCSS 的需求，使 Webpack 项目在集成简便性方面与 Vite 看齐。

显著的重新编译性能提升。 内部优化使编辑后的重新编译速度提升了高达 3.8 倍，这对大型应用的开发者体验而言是一项关键改进。

扩展了对 CSS 逻辑属性的支持。 针对块级方向（block-direction）的 padding、margin 和 border 新增了实用工具，为支持 RTL（从右到左）或垂直书写模式的国际化产品开发提供了便利。

💬 文章金句

- 新插件使 Webpack 项目在集成简便性上与 Vite 达到了同等水平。

逻辑属性是多语言布局的 CSS 未来。
在我们最大的应用程序上测量发现，重新编译（任何编辑）的速度提升了 3.8 倍。

📊 文章信息

AI 评分：88

来源：InfoQ

作者：Daniel Curtis

分类：软件编程

语言：英文

阅读时间：3 分钟

字数：539

标签： Tailwind CSS, 前端开发, Webpack, CSS 框架, Web 性能

阅读完整文章

Tailwind CSS 4.2 发布：新增 Webpack 插件、全新色板及逻辑属性工具

🤖 問 AI