Tailwind CSS 3.X 和 4.X 的主要区别

燃烧的冰2024-08-04  612

Tailwind CSS 4.X 相较于 3.X 版本,在许多方面进行了改进和优化,旨在提供更强大的功能、更好的性能和更流畅的开发体验。

1. Just-in-time 模式 (JIT 模式)

  • 核心变化: 4.X 版本默认采用 Just-in-time 模式,这意味着 CSS 类仅在使用时才会被生成。这极大地减少了未使用的 CSS,提高了性能。
  • 优势:
    • 更小的文件体积: 减少了不必要的 CSS,加快了页面加载速度。
    • 更好的开发体验: 可以更自由地使用类名,而不用担心生成过多的 CSS。

2. 新的配置选项

  • 配置更灵活: 4.X 版本提供了更多配置选项,可以更精细地控制 Tailwind CSS 的行为。
  • 自定义主题: 可以更方便地自定义主题,满足不同项目的风格需求。

3. 增强了插件系统

  • 扩展性更强: 4.X 版本的插件系统更加强大,可以创建更复杂的自定义功能。
  • 社区生态繁荣: 社区提供了丰富的插件,可以快速实现各种功能。

4. 性能优化

  • 编译速度更快: 4.X 版本的编译速度得到了显著提升。
  • CSS 输出更优化: 生成的 CSS 代码更加精简高效。

5. 其他改进

  • 新的工具类: 新增了一些实用的工具类,方便开发者快速构建 UI。
  • 更好的 TypeScript 支持: 提高了 TypeScript 开发者的开发体验。
  • 弃用了一些旧的配置项: 为了简化配置,4.X 版本弃用了一些旧的配置项。

 

目前 wellcms 3.0 是在 Tailwind CSS 3.X的基础上开发,4.X Alpha去年就发布了,到今年还没有Beta版,不知道还要多久发布?

转载请注明原文地址:https://www.wellcms.net/read-792.html
10
最新回复(4)