انتقل إلى محتوى الدرس

Loading Bundles with Vite Directive تضمين الحزم عبر توجيه Vite

إعداد أداة Vite الحديثة في Laravel وتضمين ملفات التنسيق والبرمجة عبر توجيه @vite والوصول للملفات الثابتة بدالة asset.
1 صفوف تعليمية
إطار العمل Laravel
0 مشاهدة

شرح صفوف ومحتوى الفقرة

الصف 1 شرح توضيحي

لتضمين ملفات التنسيق والبرمجة داخل قالب العرض، نضع توجيه @vite داخل وسم الرأس في صفحة HTML. يكتشف Laravel تلقائياً ما إذا كان خادم التطوير يعمل لبث التحديثات الفورية أو يقرأ الملفات المضغوطة من ملف البيان في الإنتاج.

  • تضمين ملف أو عدة ملفات (Entry Array): يقبل التوجيه مسار ملف واحد أو مصفوفة مسارات مطابقة لملف الإعداد.
  • توليد الوسوم تلقائياً (Auto HTML Tags): ينشئ وسوم link وscript القياسية مع سمة module الحديثة.
  • ربط البصمة التلقائي (Auto Hash Mapping): يغنيك عن تعديل أسماء الملفات المؤرشفة يدوياً بعد كل عملية بناء.
PHP
<!DOCTYPE html>
<html lang="en">
<head>
    <title>CloseTag Portal</title>
    @vite(['resources/css/app.css'])
    @vite(['resources/js/app.js'])
</head>
</html>