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

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

Amir Alsaeed

السؤال

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

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

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

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

Recommended Posts

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

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

  • 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">

 

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

  • 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">

 

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

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

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

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

×   لقد أضفت محتوى بخط أو تنسيق مختلف.   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.

  • إعلانات

  • تابعنا على



×
×
  • أضف...