首个 Tailwind CSS v4.0 Beta 版发布,性能至上,专为现代 Web 设计!

科技   2024-11-28 08:36   北京  

翻译、整理 | Nodejs技术栈

点击上方 程序员成长指北,关注公众号

回复1,加入高级Node交流群


大约八个月前,我们开源了 Tailwind CSS v4.0 的开发进展[1]。经过数百个小时的努力,包括修复 Bug、处理令人头疼的向后兼容性问题,以及解决 Windows CI 故障,我很高兴终于发布了 首个公开 Beta 版本[2]

正如我们在发布首个 Alpha 版本时所提到的,Tailwind CSS v4.0 是一个全新的引擎,旨在提升性能,并专为现代 Web 设计。

  • 性能至上:全新引擎的完整构建速度提高了 5 倍,增量构建速度提高了超过 100 倍,时间单位以微秒计算。
  • 统一工具链:内置导入处理、厂商前缀和语法转换,无需额外的工具支持。
  • CSS 优先的配置方式:全新开发体验,让您直接在 CSS 中 自定义和扩展框架,而无需编写 JavaScript 配置文件。
  • 面向现代 Web 的设计:基于原生的层叠层(Cascade Layers)、宽色域(Wide-Gamut Colors),并且全面支持现代 CSS 特性,例如容器查询(Container Queries)、@starting-style、弹出框(Popovers)等。

关于 v4.0,还有很多值得期待的功能!今天,我们已经发布了全新的 Beta 文档,帮助您快速上手:

开始体验 Tailwind CSS v4.0 Beta 1 →[3]

现在就开始构建,并帮助我们为明年初的稳定版本做好充足准备!

参考资料
[1]

开源了 Tailwind CSS v4.0 的开发进展: https://tailwindcss.com/blog/tailwindcss-v4-alpha

[2]

首个公开 Beta 版本: https://tailwindcss.com/blog/tailwindcss-v4-beta

[3]

开始体验 Tailwind CSS v4.0 Beta 1 →: https://tailwindcss.com/docs/v4-beta

- End -

Node 社群


我组建了一个氛围特别好的 Node.js 社群,里面有很多 Node.js小伙伴,如果你对Node.js学习感兴趣的话(后续有计划也可以),我们可以一起进行Node.js相关的交流、学习、共建。下方加 考拉 好友回复「Node」即可。

   “分享、点赞在看” 支持一波👍

程序员成长指北
专注 Node.js 技术栈分享,从 前端 到 Node.js 再到 后端数据库,祝您成为优秀的高级 Node.js 全栈工程师。一个有趣的且乐于分享的人。座右铭:今天未完成的,明天更不会完成。
 最新文章