هيكلة ملفات الأصول في Laravel | تجميع وربط ملفات الأصول عبر أداة Vite في Laravel

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

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

يفصل إطار Laravel بين ملفات الواجهة المصدرية الخام والملفات الثابتة المتاحة مباشرة للمتصفح عبر مجلدين مستقلين. توضع ملفات التنسيق والبرمجة المصدرية داخل resources/css وresources/js، بينما تستقر الحزم المترجمة والصور الثابتة داخل مجلد public.

الملفات المصدرية (resources/): تضم ملفات CSS وJavaScript الخام قبل معالجتها وضغطها.
المجلد العام (public/): المجلد الوحيد المتاح للوصول المباشر من المتصفح عبر روابط الويب.
مخرجات البناء (public/build/): تحفظ فيه أداة Vite الحزم المضغوطة وملف البيان بعد عملية البناء.

مخطط معماري يوضح تجميع وربط ملفات الأصول عبر أداة Vite في Laravel في إطار العمل Laravel 12

PHP

# Source entry points (uncompiled):
resources/css/app.css
resources/js/app.js

# Publicly served output (compiled by Vite):
public/build/manifest.json
public/build/assets/app-C9x2kL.css

Frontend Asset Structure in Laravel هيكلة ملفات الأصول في Laravel

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

جميع فقرات هذا الدرس (تجميع وربط ملفات الأصول عبر أداة Vite في Laravel)