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

Building Minified Assets with Vite بناء وضغط أصول الواجهة للإنتاج

تجميع الإعدادات والمسارات والعروض بأمر php artisan optimize وتحسين التحميل التلقائي لـ Composer وبناء أصول الإنتاج.
1 صفوف تعليمية
إطار العمل Laravel
0 مشاهدة

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

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

تحتاج ملفات الواجهة الأمامية CSS و JavaScript أيضاً إلى التجميع والضغط لبيئة الإنتاج عبر تشغيل الأمر npm run build. يقوم Vite بتوليد الملفات المضغوطة داخل مجلد public/build/assets بأسماء تحمل بصمة المحتوى، ويكتب ملف manifest.json الذي يقرؤه توجيه @vite في القوالب تلقائياً.

  • الضغط وحذف الكود غير المستخدم (Minification & Tree-Shaking): يزيل الأمر npm run build المسافات الزائدة والأكواد غير المستعملة لتقليص حجم الملفات.
  • بصمة كسر الكاش (Cache-Busting Hashes): يولد أسماء ملفات فريدة مثل app-Df82aK.css ليحمل المتصفح النسخة الجديدة فور نشر التحديث.
  • قراءة ملف البيان (Manifest Resolution): في الإنتاج، يقرأ توجيه @vite مسارات الملفات من manifest.json بدلاً من خادم التطوير المحلي.
PHP
# Install Node dependencies & build production assets:
npm ci
npm run build
# Outputs public/build/manifest.json