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

Configuring Vite Plugin for Laravel إعداد ملف تكوين أداة Vite

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

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

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

يأتي كل مشروع Laravel جديد مزوداً بملف الإعداد vite.config.js في الجذر مربوطاً بالإضافة الرسمية laravel-vite-plugin. تحدد مصفوفة input داخل هذا الملف نقاط الدخول لملفات التنسيق والسكربتات التي ستقوم Vite بمراقبتها وتجميعها.

  • الإضافة الرسمية (laravel-vite-plugin): تربط أداة التجميع Vite بمحرك قوالب Blade بسلاسة.
  • مصفوفة نقاط الدخول (input Array): تحدد الملفات الرئيسية التي يبدأ منها تجميع الأصول.
  • التحديث التلقائي (refresh: true): يعيد تحديث صفحة المتصفح لحظياً بمجرد تعديل أي ملف قالب Blade.
PHP
// vite.config.js
import { defineConfig } from 'vite';
import laravel from 'laravel-vite-plugin';

export default defineConfig({
    plugins: [laravel(['resources/js/app.js'])],
});