勵志

勵志人生知識庫

tailwindcss jit模式

Tailwind CSS 的 JIT(Just-In-Time)模式允許開發者在開發過程中使用任意值的輔助類。在傳統的開發模式下,Tailwind 要求開發者使用預定義的類名,並通過編寫對應的 CSS 來實現任意值的樣式。例如,開發者可能會使用 `.top-[-113px]` 這樣的類名來表示一個頂部偏移量為 -113px 的元素。

在 Tailwind v3.0 中,JIT 模式被內置,開發者無需在配置檔案中聲明 JIT 模式。這意味著開發和生產構建方式與產物統一,避免了不一致性,並且獲得了極大的性能最佳化。此外,所有顏色都可以開箱即用,無需擔心 CSS 檔案體積的增加。在 v3.0 版本中,Tailwind 引入了許多新的調色板顏色,包括 cyan(天藍色)、rose(玫瑰色)、fuchsia(紫紅色)、lime(酸橙色)以及多種灰色的陰影,而不會影響 CSS 檔案的體積大小。