1 |
npm install -D tailwindcss postcss autoprefixer |
1 |
npx tailwindcss init -p |
ana klasörde tailwind.config.js oluşacak otomatik. bunu açıyoruz.
content dizisinin içine
1 2 3 4 5 |
content: [ './storage/framework/views/*.php', './resources/views/**/*.blade.php', './resources/js/**/*.vue', ], |
resources/css/app.css içine;
1 2 3 |
@tailwind base; @tailwind components; @tailwind utilities; |
tabi tailwind bazı eklentileri mevcut. form eklentisini de kuralım.
1 |
npm install -D @tailwindcss/forms |
az önce tailwind.config.js dosyasına content bölümüne eklemiştik. şimdi bu formu eklemeliyiz.
1 2 3 |
plugins: [ require('@tailwindcss/forms'), ], |
şimdi app.js dosyasmızı açıyoruz resources/js/ içinde.
1 |
import '../css/app.css' |
import ediyoruz.