[TailwindCSS]4系のセットアップ|ktyr report

[TailwindCSS]4系のセットアップ

2025-01-31

npm

npm install tailwindcss @tailwindcss/vite

　
vite.config.ts

import { defineConfig } from 'vite'
import tailwindcss from '@tailwindcss/vite'
export default defineConfig({
  plugins: [
    tailwindcss(),
  ],
})

　
CSS

@import "tailwindcss";

　
下記は3系で動く

npx tailwindcss init -p

　
4系で上記を実行すると下記エラーが出る

npm error could not determine executable to run