cb() fonksiyonundan anladığım kadarıyla
Gulp.js ile kurulum yapmayı deniyorsun.
gulpfile.js içeriğini doğru tanımlamadığın için olabilir.
Tailwind CSS kurulumunu PostCSS CLI ile yapabilirsiniz.
İlk önce
PostCSS CLI kurmalısın.
Code:
npm i -D postcss postcss-cli
Ardından
Tailwind CSS kurmalısın.
Code:
npm install -D tailwindcss@latest postcss@latest autoprefixer@latest
İkisini ayrı ayrı kurmak yerine tek olarak aşağıdaki tanımı kullanabilirsin.
Code:
npm install -D tailwindcss@latest postcss@latest postcss-cli@latest autoprefixer@latest
Proje dizinine
postcss.config.js oluşturup içeriğini aşağıdaki ayarlamalısın.
Code:
module.exports = {
plugins: {
tailwindcss: {},
autoprefixer: {},
},
};
Tailwind CSS yapılandırma dosyasını oluşturmak için
npx tailwindcss init çalıştırmalısın.
package.json dosyasının
scripts bölümüne aşağıdaki tanımlamayı eklemelisin.
Code:
"build": "postcss build/styles/app.css -o public/styles/app.css"
= build edilmemiş CSS dosyası.
public/styles/app.css = build edilecek CSS dosyası.
build/styles/app.css dosyasını oluşturup içeriğini aşağıdaki ayarlamalısın.
Code:
@tailwind base;
@tailwind components;
@tailwind utilities;
build/styles/app.css dosyasını ilk oluşturduktan ve her değişiklik ardından
npm run build çalıştırmalısın.
Tailwind CSS'in en basit kurulumu bu şekilde.
![[Image: R4hFKn.png]](https://i.hizliresim.com/R4hFKn.png)
