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版,不知道还要多久发布?