اذهب إلى المحتوى
  • 0

كيفية إستخدام jQuery في لارافيل Laravel بدون CDN؟

Emad Saif

السؤال

أعمل على مشروع بسيط بإستخدام لارافيل Laravel وأريد إستخدام jQuery فيه، حاولت البحث عن طريقة لتضمين jQuery في الملف app.js الذي يتم توليده عبر Laravel mix ولكني لم أجد شيء مفيد، وجدت طرق لتضمين مكتبات أخرى فقط.

أريد تضمين سكريبت واحد فقط بالشكل التالي:

<script src="{{ asset('js/app.js') }}"></script> 

لتقليل عدد الطلبات requests التي تتم في الموقع

كيف أقوم بتثبيت jQuery في مشروع Laravel وإستخدامها من خلال الملف app.js في لارافيل Laravel؟

رابط هذا التعليق
شارك على الشبكات الإجتماعية

Recommended Posts

  • 1

بما أنك تريد استخدام mix لتحزيم مكتبة JQuery إلى الملف app.js يجب أولا تثبيت المكتبة ضمن مشروعك عبر تنفيذ الأمر التالي:

npm install -D jquery

وضمن ملف webpack.mix.js يمكنك إضافة التالي وهو ما سيجعل jquery متاحًا ضمن ملفات جافاسكريبت للمشروع:

mix.autoload({
    jquery: ['$', 'window.jQuery']
});

 

رابط هذا التعليق
شارك على الشبكات الإجتماعية

  • 1

يجب عليك أولًا تنصيب Jquery

npm i jquery

ثم تقوم بعمل إستدعاء لمكتبة الـ Jquery داخل المسار التالي

resources/js/bootstrap.js

window.$ = require('jquery');

كذلك من أفضل الحلول بالنسبة لي وأبسطها هو تحميل الملفات الخاصة بـ Jquery مباشرة ووضعها في ملف الـpublic وربطها مباشرة بدون إستعمال الmix

عن طريق حفظ ملفات jquery في المسار التالي

public/js

ثم إستدعاءها في الHead بهذا الشكل

<script src="{{ asset('js/jquery-3.6.0.min.js') }}"></script>

تعتبر الطريقة الأخيرة من أبسط وأضمن الطرق.

رابط هذا التعليق
شارك على الشبكات الإجتماعية

انضم إلى النقاش

يمكنك أن تنشر الآن وتسجل لاحقًا. إذا كان لديك حساب، فسجل الدخول الآن لتنشر باسم حسابك.

زائر
أجب على هذا السؤال...

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   جرى استعادة المحتوى السابق..   امسح المحرر

×   You cannot paste images directly. Upload or insert images from URL.

  • إعلانات

  • تابعنا على



×
×
  • أضف...