つみかさね
T

Tailwind CSS v4.2.4

リリース日: 2026-04-22データソース: GitHub Releases, npm, endoflife.date
影響度スコア
10/ 100影響度: 低
Breaking Changes0/40
新機能0/25
バグ修正8/20
セキュリティ0/15
依存関係2/15

対応ガイド

low|任意バグ修正影響: 最小限

推奨アクション

  1. 1Viteエイリアス利用時に@import解決エラーが発生しているか確認
  2. 2問題がある場合はテスト環境でバージョンアップを検証
  3. 3本番環境への適用

影響対象

@tailwindcss/vite利用者Viteエイリアス利用者

補足

  • -修正内容は@tailwindcss/viteプラグイン限定です。PostCSS CLI利用者には影響しません
Tailwind CSSViteCSSバグ修正

この変更が意味すること

Tailwind CSS v4.2.4 は 4.2 系列のパッチリリースです。修正内容は1件のみで、@tailwindcss/vite プラグインにおける Vite エイリアス利用時の @import / @plugin 名前解決の問題を修正しています。

Vite の設定で resolve.alias(例: @/./src/)を定義し、Tailwind CSS の設定ファイル内で @import "@/styles/base.css" のようなエイリアスパスを使用している場合に、インポートの解決が失敗するケースがありました。本パッチでこの問題が解消されます。

エイリアスパスを使っていないプロジェクトには影響がないため、急ぎのアップデートは不要です。

主な変更点

Viteエイリアス利用時の@import / @plugin名前解決修正

@tailwindcss/vite で Vite の resolve.alias を使用している場合に、@import および @plugin ディレクティブのパス解決が正しく動作しない問題が修正されました。

Vite のエイリアス機能は @/components~/utils のようなショートカットパスを定義するためによく使われます。このエイリアスを Tailwind CSS の設定や CSS ファイル内のインポートに使用した際、v4.2.3 以前では解決に失敗する場合がありました。

PR: #19947

EOL / サポート状況

サイクル最新バージョンEOL
4.24.2.4-
4.14.1.182026-02-18 (EOL済)
4.04.0.172025-04-01 (EOL済)
3.4 (LTS)3.4.192027-02-28

Tailwind CSS 4.2 が現行の安定版です。4.1 以前は EOL 済みのため、4.2 へのアップグレードを推奨します。3.4 は LTS として 2027年2月までサポートが継続されます。

開発者への影響

  1. Vite エイリアスを使用中の方: @import@plugin でエイリアスパスが正しく解決されるようになります
  2. エイリアスを使用していない方: 影響はありません。急ぎの更新は不要です
  3. @tailwindcss/vite 以外のビルドツール利用者: PostCSS CLI や Webpack を使用している場合は本修正の対象外です

アップデート方法

# npm
npm install tailwindcss@4.2.4

# pnpm
pnpm update tailwindcss@4.2.4

# yarn
yarn upgrade tailwindcss@4.2.4

# @tailwindcss/vite も合わせて更新
npm install @tailwindcss/vite@latest

データソース: GitHub Releases API, endoflife.date, npm Registry AI解説は Claude API により自動生成されています。正確性については原文をご確認ください。

アップデート判断

問題が発生している場合にアップデート

アップデートすべき場合

  • Viteエイリアスを使用して@importや@pluginでパス解決エラーが発生している場合

様子見でよい場合

  • Viteエイリアスを使用していない場合
  • v4.2.3で問題なく動作している場合
  • @tailwindcss/vite以外のビルドツールを使用している場合

EOL / サポート状況

Tailwind CSS 4.2Active
Tailwind CSS 4.1End of LifeEOL: 2026-02-18
Tailwind CSS 4.0End of LifeEOL: 2025-04-01
Tailwind CSS 3.4ActiveEOL: 2027-02-28
Xでシェアはてブ
データソース: GitHub Releases API, npm Registry, endoflife.date (MIT License), NVD (NIST)
AI解説は Claude API により自動生成されています。正確性については原文リリースノートをご確認ください。