التعامل مع الأصول (Assets) وأداة Vite
1. البدء مع Vite
بمجرد تثبيت مشروع Laravel جديد، ستجد ملفاً يسمى vite.config.js في جذر المشروع. هذا الملف هو المسؤول عن تعريف المسارات البرمجية التي يجب على Vite مراقبتها وتجميعها.
2. ربط الملفات في قوالب Blade
لاستدعاء ملفات الـ CSS والـ JS داخل ملفات Blade، نستخدم الـ Directive الخاص بـ @vite. سيتكفل لارافيل بتحديد الرابط الصحيح سواء كنت في مرحلة التطوير أو الإنتاج:
@vite(['resources/css/app.css', 'resources/js/app.js'])
3. التجهيز للنشر الفعلي (Production)
عند الانتهاء من تطوير موقعك والرغبة في رفعه على الاستضافة، لا يمكن تشغيل npm run dev. بدلاً من ذلك، يجب عليك بناء نسخ مصغرة ومشفرة من الملفات لضمان أفضل أداء وسرعة تحميل:
سيقوم Vite بإنشاء نسخة نهائية من الملفات داخل مجلد public/build، وسيقوم لارافيل تلقائياً باستدعائها عند استخدام @vite.
أسئلة شائعة حول Vite
npm run dev وأنه لا يزال يعمل في الخلفية. إذا تم إغلاق البرنامج، سيتوقف التحديث الفوري وستفقد الروابط مسارها الصحيح.
التعامل مع قواعد البيانات والمهاجر
انتهينا من الجزء المرئي من التطبيق، حان الوقت لندخل إلى "المخزن" (قاعدة البيانات). سنبدأ بتعلم الـ Migrations وكيفية تصميم جداولك برمجياً.
تعلم المهاجر (Migrations)