https://benzhub.github.io/tags/v4/Recent content in V4 on BenzHubHugozh-TWThu, 06 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/006-v4-migration/Thu, 06 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/006-v4-migration/<blockquote> <p><strong>TailwindCSS</strong> v4 是一次根本性的架構重設計：設定從 JavaScript 搬進 CSS、核心引擎用 Rust 重寫、<code>@tailwind</code> 三行換成一行 <code>@import</code>，還有一整批 utility 被系統性重新命名。這些<strong>破壞性變更（breaking changes）<strong>讓從 v3 直接升級不是「換個版本號」那麼簡單。這篇是 <strong>TailwindCSS 完整教學</strong> 系列的第六篇，我們把前幾篇散落的 v3/v4 差異收攏起來，帶你走一遍完整的 <strong>v4 遷移</strong> 流程——從自動遷移工具 <code>npx @tailwindcss/upgrade</code>、逐項破壞性變更對照，到大型專案的漸進</strong>升級</strong>策略。</p> </blockquote>