ant.seal.dev

Tailwind CSS v4 にアップグレードしました

2025年08月12日

  1. プラグインの調整 公式のアップグレードコマンドを実行してもプラグインによって失敗するので調整します。shadcnのガイドに従います。

まず、tailwindcss-animateを、tw-animate-cssに置き換え、global.cssでimportします

  1. 公式 Upgrade Guide に従う その上で、公式アップグレードコマンドを実行します:
$ npx @tailwindcss/upgrade

これにより、クラスや構文の移行が自動で行われます。(tailwindcss.com)