Setup Tailwind css in the easiest possible way and deploy

Опубликовано: 01 Октябрь 2024
на канале: Coders Page
3,858
77

Learn how to setup Tailwind css in the easiest possible way and create the final css ready for deployment that is minimized or minified.

This approach works with any backend language or even frameworks as React, Vue, or Svelte.

THE COMMANDS FROM THE VIDEO:

cd tailwindcss
npm install -d tailwindcss@latest postcss@latest autoprefixer@latest
npx tailwindcss init

Set these 3 lines in the tailwindcss.css file:
@tailwind base;
@tailwind components;
@tailwind utilities;

npx tailwindcss -i tailwindcss.css -o ../app.css --watch
npx tailwindcss -i tailwindcss.css -o ../final.css --minify