Install packages
npm install -D tailwindcss postcss autoprefixer prettier-plugin-tailwindcss
Setup Tailwind config
npx tailwindcss init -p
Set contents of tailwind.config.cjs
to:
/** @type {import('tailwindcss').Config} */
module.exports = {
content: [
"./index.html",
"./src/**/*.{js,ts,jsx,tsx}",
],
theme: {
extend: {},
},
plugins: [],
}
Update index.css
@tailwind base;
@tailwind components;
@tailwind utilities;
Restart build process
npm run dev