Tailwind Css Kurulumu

Konu çözülmüştür

Büyük ihtimalle kurulum tarafında bir eksik var hocam. Tailwind için Node.js + npm ortamının düzgün kurulması gerekiyor. Hata ekranını ve hangi adımları yaptığınızı paylaşırsanız daha net bakılabilir. CDN yerine build edilmiş CSS almak zaten daha doğru yöntem.

Merhaba Hocam yardımcı olmaya çalışırım.
Aldığınız hata tam olarak nedir? Mümkünse VS Code terminalindeki hata mesajını veya ekran görüntüsünü paylaşır mısınız? ve kullandığınız işletim sistemi, Node.js sürümü ve Tailwind'i hangi yöntemle kurmaya çalıştığınızı da yazarsanız sorunu tespit edebiliriz.

Konuya ekledim, hata vermedi ama kodlarında hepsi oluşmadı..
Kurulum olarak burayı baz alıyorum; https://tailwindcss.com/docs/installation/tailwind-cli

Merhaba, npx tailwindcss init -p bu komut v4 de kaldırıldı artık tailwind.config.js zorunlu değil.

klasör yapınız muhtemelen ;
proje/
src/
input.css
output.css
index.html

src/input.css içeriği ;

@import "tailwindcss";

html de cdn yi kaldırın ;

<!-- ŞUNU SİLİN: <script src="https://cdn.tailwindcss.com"></script> -->
<link rel="stylesheet" href="./src/output.css">

hostinge atmadan önce sıkıştırılmış sürüm alın ; npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --minify

--watch olmadan, tek seferlik çalışır. Sonra output.css + HTML dosyalarınızı FTP ile atın. Hostinge node_modules klasörünü yüklemenize gerek yok, sadece derlenmiş output.css yeterli.

Direkt tüm cssler değil de kullandığınız classları css dosyasına ekliyor böylece gereksiz cssleri eklemiyor. Bu yüzden olabilir. Dosyada classları kullandıkça artıyor mu kontrol edebilirsin

Hayır artmıyor

Normalde kullanılan classların yazılması lazım görmeden bir şey diyemem. Kullanımda yada indirmede hata olabilir.