Tailwind CSS 4 cheatsheet
Tailwind CSS 4: Building CSS
3 common Tailwind CSS 4 tasks.
Build and watch for changes
Scan your files for classes and rebuild the CSS whenever they change.
npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --watch
Build minified CSS for production
Generate a single compressed stylesheet.
npx @tailwindcss/cli -i ./src/input.css -o ./dist/output.css --minify
Link the built stylesheet
Reference the generated CSS from your HTML head.
<link href="./output.css" rel="stylesheet">