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

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

npm install -D jquery

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

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

يجب عليك أولًا تنصيب 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>

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