How to install Tailwind CSS and daisyUI in a Preact project
Create a new Vite Preact project in the current directory
npm create vite@latest ./ -- --template preact
npm install tailwindcss@latest @tailwindcss/vite@latest daisyui@latest
Add Tailwind CSS to Vite config
import { defineConfig } from 'vite'
import tailwindcss from "@tailwindcss/vite";
import preact from '@preact/preset-vite'
export default defineConfig({
plugins: [tailwindcss(), preact()],
})
Put Tailwind CSS and daisyUI in your CSS file (and remove old styles)
@import "tailwindcss";
@plugin "daisyui";
Now you can use daisyUI class names!