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/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.