Tailwind CSS v4.0 發(fā)布了首個 Beta 版本。

Tailwind CSS 是一個為快速開發(fā)而精心設(shè)計的原子類 CSS 框架，它提供了充滿設(shè)計感和應(yīng)用程序至上的能力來創(chuàng)建組件，它在最新的 2.0 版本中加入了暗黑模式，開箱即用。

2024 年 01 月 12 日，Adam Wathan 在 Twitter 上分享了 Tailwind CSS 即將推出的第 4 版的一些性能基準(zhǔn)測試結(jié)果，再次讓我們大吃一驚。編譯 v4 版 Catalyst 庫的速度是編譯 v3 版的 7 倍。

2024 年 03 月 14 日，Tailwind CSS 發(fā)布了備受期待的 v4.0 alpha 版本，它引入了開創(chuàng)性的功能和增強功能，有望重塑樣式框架的格局。該版本在增量構(gòu)建方面比 v3 快約 60 倍。

在去年夏天舉行的 Tailwind Connect 大會上，與會者搶先體驗了 Oxide，這是一個革命性的引擎，旨在簡化開發(fā)工作流程并充分利用網(wǎng)絡(luò)技術(shù)的最新進(jìn)展。Oxide 最初是作為 v3.x 版本發(fā)布的，但由于其創(chuàng)新的規(guī)模，需要進(jìn)行重大的版本飛躍，進(jìn)而發(fā)布 v4.0。

強大的引擎

Oxide 代表著性能和效率的范式轉(zhuǎn)變。由于速度提高了 10 倍，占用空間大幅減少，開發(fā)人員可以期待大幅度的生產(chǎn)力提升。新引擎利用 Rust 處理性能關(guān)鍵任務(wù)，同時保留了 TypeScript 的可擴展性，為速度和多功能性設(shè)定了新標(biāo)準(zhǔn)。

v4.0 中最重要的增強功能之一是統(tǒng)一了工具鏈，不再需要繁瑣的配置。Lightning CSS 集成可無縫處理 @import、供應(yīng)商前綴和嵌套 CSS，從而簡化了開發(fā)流程，使開發(fā)人員能夠?qū)Ｗ⒂诖蛟熳吭降挠脩趔w驗。

Web 樣式的未來

Tailwind CSS v4.0 不僅僅是追趕現(xiàn)在，更是為了影響未來的 Web 樣式。憑借本地級聯(lián)層、明確的自定義屬性以及對容器查詢等現(xiàn)代 CSS 功能的支持，Tailwind 將自己定位在 Web 開發(fā)創(chuàng)新的最前沿。

通過可組合增強開發(fā)人員的能力

靈活性和可組合性是 Tailwind CSS v4.0 的核心。開發(fā)人員現(xiàn)在可以前所未有地組合，從而實現(xiàn)對樣式和布局前所未有的控制。無論是 group-*、peer-，還是新的 not-*，Tailwind 都能幫助開發(fā)人員輕松創(chuàng)建豐富、動態(tài)的用戶界面。

零配置魔法簡化配置

繁瑣的設(shè)置和配置已經(jīng)一去不復(fù)返了。Tailwind CSS v4.0 引入了零配置魔法，可自動檢測內(nèi)容路徑并無縫集成到現(xiàn)有項目中。無論是使用 PostCSS、CLI 還是新的 Vite 插件，使用 Tailwind 從未如此簡單。

以 CSS 為先的配置，實現(xiàn)無縫集成

Tailwind CSS v4.0 采用了 CSS 優(yōu)先的配置方法，使其感覺更像本地 CSS，而不像 JavaScript 庫。通過使用簡單的 CSS 變量，開發(fā)人員可以毫不費力地定制他們的項目，確保與現(xiàn)有工作流程的無縫集成。

駕馭變化，展望未來

在擁抱創(chuàng)新的同時，Tailwind CSS v4.0 還致力于保持向后兼容性。由于計劃重新引入 JavaScript 配置、支持插件并對基本功能進(jìn)行微調(diào)，通往穩(wěn)定的 v4.0 版本的道路是經(jīng)過深思熟慮和精心規(guī)劃的。

期待 v4.0 正式版本發(fā)布！