Gatsbyで作ったブログのバージョンを上げた

ライブラリのバージョンを上げた

このブログは Gatsby、TailWindCSS を使っています。かなりライブラリのバージョンが古かったので一気に上げました。その時に TailWindCSS が動かなくなったのでそれをどのように解決したかをメモしたいと思います。

Gatsby 自体のバージョンアップはこちらの記事を参考に上げました。この PRを眺めつつ、どんなことをやったかざっくり書きます。

やったこと

もともと TailWindCSS のバージョンは2.0.2を使っていたみたいでした。そこから3.0.24に上げました。 styles/style.cssの中に以下のコードを追加しました。

@tailwind base;
@tailwind components;
@tailwind utilities;

/* 以下色々CSSの設定が書いてある */

このように TailWindCSS を読み込むように追加しました。これをするだけで CSS が適用されるようになりました。