شرح صفوف ومحتوى الفقرة
يضمن التمييز الدقيق بين توجيه @vite ودالة asset تحقيق أعلى سرعة تحميل للواجهة ومنع انكسار روابط الملفات في الإنتاج. راجع الملخص المرجعي التالي لتوحيد طريقة استدعاء الأصول في جميع قوالب مشروعك.
| وجه المقارنة الهندسي | الأسلوب اليدوي أو غير المحمي | معيار Laravel 12 الحديث |
|---|---|---|
| تحديث الكاش للمتصفح | إضافة رقم إصدار يدوي مثل ?v=2 في نهاية رابط الملف | توليد بصمة فريدة تلقائياً لاسم الملف عبر @vite وأمر البناء |
| معاينة التعديلات | إعادة تحميل صفحة المتصفح يدوياً بعد كل تعديل في التنسيق | استبدال لحظي فوري للوحدات عبر خادم التطوير npm run dev |
| تجميع المكتبات | تضمين عشرات ملفات السكربت المنفصلة غير المضغوطة في الصفحة | دمج وضغط جميع الاعتماديات في حزمة واحدة سريعة التحميل |
| روابط الصور الثابتة | كتابة مسارات نسبية تنكسر عند الانتقال لصفحات فرعية | توليد روابط مطلقة مضمونة دائماً باستخدام الدالة asset |
PHP
<head>
<link rel="icon" href="<?php echo asset('ico'); ?>">
@vite(['resources/css/app.css'])
@vite(['resources/js/app.js'])
</head>
خلاصة المعرفة ومحطة الانتقال
ملخص الدرس
حصاد الدرسمراجعة مركّزة لأهم المفاهيم والقواعد الهندسية التي أتقنتها في هذا الدرس قبل التطبيق العملي
ماذا تعلّمت في هذا الدرس؟
أتقنت في هذا الدرس حول «تجميع وربط ملفات الأصول عبر أداة Vite في Laravel» مفاهيم هيكلة ملفات الأصول في Laravel، وإعداد ملف تكوين أداة Vite، وتضمين الحزم عبر توجيه Vite وفق معايير Laravel 12 الحديثة.
الخطوة التالية والدرس القادم
انتقل الآن إلى الدرس التالي «قواعد محرك القوالب Blade والطباعة الآمنة ضد XSS» للبناء التراكمي على ما تعلمته.