مشكلة في إضافة المكتبات الخارجية في لارافل

في Laravel لا تحتاج أن تستعمل الدالة asset لتقوم بتضمين مكتبات خارجية، يمكنك تضمين المكتبة بشكل عادي كالتالي:

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

ويمكنك أن تقوم بتحميل ملفات Font-awesome نفسها وتقوم بإضافتها إلى مجلد public وتستدعيها كباقي ملفات CSS العادية.

لكن إن كنت تستعمل Laravel Mix فيجب عليك تثبيت Font-awesome أولا من خلال NPM كالتالي:

npm install font-awesome --save

ثم قم بتعديل ملف resources/assets/sass/app.scss وإضافة font-awesome كتالي:

@import "node_modules/font-awesome/scss/font-awesome.scss";

ثم تشغيل المشروع من خلال الأمر التالي:

npm run dev

ولا تنسى ربط ملف public\css\app.css في ملفات blade التي لديك.

لا حاجة لإستعمال المساعد asset في هاته الحالة , فعمل هذا المساعد يتلخص في إضافة المسار الكامل المرافق لملفات الـ assets بداخل مجلد الـ public و بطبيعة الحال فإن هذا لا يتضمن أي روابط خارجية أو cdn . 

لحل المشكلة و ظهور ملفات التنسيقات بشكل صحيح قم بتمرير الرابط ككل على هذا النحو : 

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

أو يمكنك تحميل الملف و وضعه بداخل مجلد public ثم إستدعاءه عن طريق المساعد asset على هذا النحو : 

<link href="{{ asset('font-awesome.min.css') }}" rel="stylesheet">

بحيث أن هذا سيتم ترجمته إلى هذا : 

<link href="http://your_domain.com/font-awesome.min.css" rel="stylesheet">

أول شئ يجب معرفته أخي أن داله ال asset الخاصة بلارافيل يتم إستخدامها عند الحاجة لتضمين ملفات الجافا إسكربت أو ملفات الإستايل أو حتى الصور الموجودة بالمشروع الخاص بنا داخل فولدر ال public وإذا كان ملفات الإستايل خارج الموقع الخاص بنا يتم وضع الرابط مباشرة

<link href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet">

أما إذا كان لدينا ملف ال font-awesome.min.css داخل فولدر ال public مثلا فى المسار التالى 

public
  css
  	font-awesome.min.css

نستخدم تلك الطريقة

<link href="{{ asset('css/font-awesome.min.css') }}" rel="stylesheet">