Closed2
tailwind css v4 + vite(react-ts) setup memo
shin_t_o_久々にセットアップしたら結構雰囲気が変わってたのでメモ
postcssは専用パッケージに取り込まれ、autoprefixerは内包されたためインストール不要
て感じか
npm install -D tailwindcss @tailwindcss/vite @tailwindcss/postcss
shin_t_o_index.css
@import "tailwindcss";
vite.config.ts
import tailwindcss from "@tailwindcss/vite"
import react from "@vitejs/plugin-react-swc"
import { defineConfig } from "vite"
// https://vite.dev/config/
export default defineConfig({
plugins: [react(), tailwindcss()],
})
postcss.config.ts
export default {
plugins: {
"@tailwindcss/postcss": {},
},
}
で動作を確認
おまじないが減った印象
このスクラップは2025/01/26にクローズされました