アジェンダ

Next.jsの環境構築の際に、意図せずTailwindを追加してしまったりすることがあり、削除したくなることがあります。
その際に、どのように削除すればよいか手順をまとめます。

手順

まず、Tailwind CSSに関連する依存関係をアンインストールします。以下のコマンドをターミナルで実行してください。

npm uninstall tailwindcss postcss autoprefixer

次に、プロジェクトのルートディレクトリにあるtailwind.config.jsおよびpostcss.config.jsファイルを削除します。これらのファイルはTailwind CSSの設定ファイルです。

styles/globals.cssなどのファイルにあるTailwind CSSのインポート行を削除します。これにより、プロジェクトからTailwind CSSのスタイルが除去されます。

/* 例えば、以下の行を削除 */
@tailwind base;
@tailwind components;
@tailwind utilities;