Tailwind CSS v4.0 Beta 1 的釋出引發了廣泛的社群討論，特別是圍繞其顯著的效能改進和架構變更。雖然官方公告重點強調了多項技術進步，但開發者社群的反應揭示了現代網路開發工具在優勢和挑戰方面的深層見解。
 |
|---|
| Tailwind CSS v4.0 Beta 1 承諾帶來顯著的效能提升和現代開發能力 |
效能飛躍
新版本展現了令人印象深刻的效能提升，完整構建速度提高了5倍，增量構建更是實現了超過100倍的提升。儘管有人質疑這種最佳化的必要性，但開發者指出這些改進能夠支援即時即時過載和潛在的AI輔助設計迭代等新工作流程。從 PostCSS 轉向基於 Rust 的 LightningCSS 不僅提升了速度，還簡化了整體工具鏈。
v4.0 Beta 版本的主要改進：
- 構建效能：完整構建速度提升至原來的 5 倍
- 增量構建：速度提升超過 100 倍（微秒級）
- 色彩系統：從 sRGB 切換到 OKLCH
- 配置方式：採用以 CSS 為先的方法取代 JavaScript 配置
- 現代特性：支援原生級聯層、容器查詢和 @starting-style
CSS優先配置革新
最受歡迎的變更之一是轉向CSS優先配置，取代了傳統的JavaScript配置方式。這一轉變使開發者可以直接在CSS中自定義和擴充套件框架，讓前端開發者使用起來更加直觀，並能更好地與現有CSS工作流程整合。社群特別讚賞這一改變如何使 Tailwind 更容易與常規CSS檔案結合，同時保持一致的設計標記。
現代顏色管理
框架採用 OKLCH 色彩空間代表了網頁顏色管理的重大轉變。這一改變引發了大量技術討論，開發者注意到它在顏色插值和感知準確度方面的優勢。OKLCH 允許對顏色陰影和色調進行程式化控制，不過一些開發者提醒在處理極端顏色值時要注意其複雜性。
CSS優先配置是個好改變！這似乎使得 Tailwind 更容易與使用相同設計標記的常規CSS檔案結合。
安裝和工具爭議
社群討論中的一個反覆出現的主題是圍繞 Tailwind 的工具要求。雖然一些開發者對需要使用 Vite 或 npm 等構建工具表示不滿，但其他人則認為這些要求對現代網路開發工作流程是必要的。該框架確實為那些尋求更簡單設定的使用者提供了獨立的CLI選項，儘管有些使用者報告測試版文件中的下載連結存在問題。
結論
Tailwind CSS v4.0 測試版代表了該框架架構的重大演進，其效能改進和CSS優先方法特別受到讚揚。雖然關於工具複雜性的討論仍在繼續，但社群普遍認為這些變更是現代網路開發實踐中的積極進步。這個測試版為2024年初可能釋出的穩定版本奠定了變革性的基礎。