composer require laravel-frontend-presets/tailwindcss:dev-master --dev بمجرد تطبيق هذا الكود تظهر الرسالة
الرجاء المساعدة
هل قمت بتجربة إتباع الطريقة المذكورة في المستند الرسمي لـ Tailwindcss من خلال الأوامر التالية؟:
npm install -D tailwindcss postcss autoprefixer npx tailwindcss init -p
والآن ضعي التالي في ملف tailwind.config.js:
/** @type {import('tailwindcss').Config} */ module.exports = { content: [ "./resources/**/*.blade.php", "./resources/**/*.js", "./resources/**/*.vue", ], theme: { extend: {}, }, plugins: [], }
ثم في ملف ./resources/css/app.css ضعي التالي:
@tailwind base; @tailwind components; @tailwind utilities;
ثم في ملف app.blade.php ضعي التالي في عنصر head:
@vite('resources/css/app.css')
والآن تستطيعي استخدام كلاسات Tailwind وعليك بتشغيل أمر npm run dev من أجل التقاط التنسيقات وتحزيم المشروع.
التعليقات