مشكلة في إدراج مشروع webpack و Sass الجاهز إلى إطار العمل Laravel10

يمكنك ذلك من خلال اتباع الخطوات التالية:

• أولاً تأكد من تثبيت Laravel 10 وإعداد بيئة العمل الخاصة بك.
• ثانياً قم بتنزيل مشروع Webpack و Sass الجاهز الي تريده , ومن ثم فك الضغط عنه.
•  انتقل إلى مجلد مشروع Laravel باستخدام سطر الأوامر.
• قم بتثبيت المكتبات اللازمة باستخدام أداة إدارة حزم Composer. يمكنك تنفيذ الأمر التالي في سطر الأوامر:

   composer install

•  قم بنسخ ملفات المشروع (ملفات الـ Webpack و Sass) في مجلد المشروع الخاص بـ Laravel.
• قم بتحديث ملف webpack.mix.js الخاص بـ Laravel لتضمين ملفات المشروع الجديدة. يمكنك تعديل الملف كما يلي:

   const mix = require('laravel-mix');
   
   mix.js('resources/js/app.js', 'public/js')
       .sass('resources/sass/app.scss', 'public/css')
       .js('mypath/webpack/files', 'public/js')
       .sass('mypath/sass/files', 'public/css');

   تأكد من استبدال عناوين js ,css ( mypath)  بمسارات الملفات الفعلية في مشروعك.

•  قم بتشغيل أمر البناء الخاص بـ Webpack لتجميع وتجهيز الملفات. في سطر الأوامر، قم بتنفيذ الأمر التالي:

   npm run dev

   أو إذا كنت ترغب في انشاء نسخة production ، يمكنك استخدام الأمر التالي:

   npm run prod

 تأكد من أن ملفات الناتج (الجافاسكريبت والـ CSS) تم إنشاؤها بنجاح في مجلد `public/js` و `public/css` في مشروع Laravel.

• قم بتضمين ملفات الناتج في قوالب Laravel الخاصة بك. يمكنك استخدام وسوم `<script>` و `<link>` في قوالب العرض الخاصة بك للإشارة إلى ملفات الجافاسكريبت والـ CSS على التوالي.
• أخيراً يمكنك الأن تشغيل خادم Laravel وفتح موقعك في المتصفح للتحقق مما إذا كانت المشروع المدمجة تعمل بشكل صحيح.