https://benzhub.github.io/tags/%E5%BB%BA%E7%BD%AE%E5%B7%A5%E5%85%B7/Recent content in 建置工具 on BenzHubHugozh-TWSun, 06 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/037-build-tools/Sun, 06 Sep 2026 00:00:00 +0000https://benzhub.github.io/post/tailwindcss/037-build-tools/<blockquote> <p><strong>建置工具整合</strong> 是把 <strong>TailwindCSS</strong> 從「範例裡的 class」變成「真實專案裡的樣式」的關鍵一步。在 v4,你有三條路:跟 <strong>Vite</strong> 深度整合的 <code>@tailwindcss/vite</code>(最推薦)、通用於 Next.js 等框架的 <code>@tailwindcss/postcss</code>,以及無框架場景的 <code>@tailwindcss/cli</code>。這一篇帶你認識背後的 <strong>Oxide</strong> 引擎與 <strong>Lightning CSS</strong>,搞懂 <code>@import &quot;tailwindcss&quot;</code> 與 <code>@source</code>,並把三種建置工具的設定一次對照清楚。</p> </blockquote>