https://benzhub.github.io/tags/%E9%85%8D%E7%BD%AE/Recent content in 配置 on BenzHubHugozh-TWTue, 04 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/004-configuration/Tue, 04 Aug 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/004-configuration/<blockquote> <p>在 <strong>TailwindCSS</strong> v4 裡，「配置」不再是一個獨立的 JavaScript 檔案，而是直接寫進你的 CSS。核心是 <strong><code>@theme</code></strong> 指令——你在裡面定義的每一個設計 Token，會同時變成一個 <strong>CSS 變數</strong>，並自動生成對應的 utility class。這是 <strong>TailwindCSS 完整教學</strong> 系列的第四篇，帶你看懂 <code>@theme</code> 如何運作、<code>extend</code> 擴充與覆寫的分界、常見設定項的命名空間規則，以及如何從 <code>tailwind.config.js</code> 的思維遷移過來。</p> </blockquote>