style.css→tailwindへ

ブログに書くほどではない備忘録。style.cssで直書きするのつらくなってきたのでtailwindへ変更。
（間違ってるかもしれない…）

前提

• lism.cssとstyle.cssを使っていたけどバージョンアップで変数などが色々変わった
• tailwindを学んでみたかったのでこれを機に変更

ターミナル

package.json作成

npm init -y

tailwind・関連パッケージインストール

npm install -D tailwindcss@latest @tailwindcss/postcss

postcss.config.jsを作成し、以下を挿入

export default {
  plugins: {
    "@tailwindcss/postcss": {},
  },
};

package.jsonを調整（入力・出力先を変更）

"scripts": {
  "build": "npx @tailwindcss/cli -i ./original2/src/tailwind.css -o ./original2/dist/style.css --minify"
}

スタイル、タグはgeminiにおまかせ…。
一気に変えてもらったあとに、微調整をして最後にnpm run build。