Tailwind CSS v4の変更点と移行手順は、内容を再確認した次の記事へ集約しています。
Tailwind CSS v4の本記事
記事情報: 2026年1月12日初出。案内先とTailwind CSS公式資料を2026年7月25日に再確認しています。
本記事では、次の項目を確認できます。
- CSS-first configurationと
@theme - Vite pluginとPostCSS pluginの選び分け
- source detectionと
@source - browser support
- v3からのupgrade tool
- 削除・変更されたutilityと移行時の注意点
2025年時点の選定要点
新規projectでは、利用するframeworkがTailwind CSS v4へ対応しているならv4を基準にできます。既存projectでは、browser support、custom plugin、tailwind.config.js、PostCSS構成を確認してから移行します。
公式発表のbenchmark値は特定条件の結果です。導入判断では「何倍速いか」ではなく、自分のrepositoryでfull build、incremental build、watch、production CSSを比較してください。
このページは旧記事へのlinkを維持しつつ、同じv4機能を重複説明しないための索引です。実装例や詳しい移行方法は統合先を参照してください。
公式資料
← 一覧に戻るPR
PR
