• 0

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

أحاول تضمين مكتبة font awesome في المشروع باستخدام asset بنفس الطريقة التي أقوم فيها عادةً بتضمين التنسيقات والملفات الأخرى:

<link href="{{ asset('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css') }}" rel="stylesheet">

ولكنها لا تظهر ولايتم التعرّف عليها. كيف يمكنني تضمينها ضمن المشروع؟

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


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

لا حاجة لإستعمال المساعد 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">

 

2 اشخاص أعجبوا بهذا

انشر على الشّبكات الاجتماعية


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

في 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 التي لديك.

1 شخص أعجب بهذا

انشر على الشّبكات الاجتماعية


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

أول شئ يجب معرفته أخي أن داله ال 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">

 

انشر على الشّبكات الاجتماعية


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

يجب أن تكون عضوًا لدينا لتتمكّن من التعليق

انشاء حساب جديد

يستغرق التسجيل بضع ثوان فقط


سجّل حسابًا جديدًا

تسجيل الدخول

تملك حسابا مسجّلا بالفعل؟


سجّل دخولك الآن