بما في ذلك ملفات CSS الخارجية في مشروع Famo.us

Question

لقد قمت بإنشاء مشروع باستخدام مولد Yeoman الخاص بـ Famo.us.يقوم بإنشاء ملف Index.html، ومجلد الأنماط، ومجلد src، ومجلد المحتوى.يحدد ملف gruntfile أن ملف Index.html يتضمن جميع ملفات CSS ضمن مجلد الأنماط.ومع ذلك، أريد تضمين ملف css لخطوط Google، من خلال الرجوع إليه في ملف Index.html الخاص بي.لا يمكنني إدراج هذا يدويًا لأن grunt سوف يحل محل تغييراتي في كل مرة أقوم فيها بحفظ ملف في مشروعي، كيف يمكنني أن أقوم بتحميل grunt لملفات css الخارجية الخاصة بي/الرجوع إليها في ملف Index.html الخاص بي؟

Answer 1

تأكد من تضمين ورقة الأنماط الخاصة بك الخارج التابع <!-- build:css تعليقات.

هذا يعمل:

<link href='http://fonts.googleapis.com/css?family=Gochi+Hand' rel='stylesheet' type='text/css'>
<link rel="stylesheet" type="text/css" href="lib/famous/core/famous.css" />

<!-- build:css(app/) css/app.css -->
<link rel="stylesheet" type="text/css" href="styles/app.css" />
<!-- bower:css -->

استكشاف الأخطاء وإصلاحها:

• إذا لم ينجح هذا مع التحديث المباشر، فحاول إعادة تشغيل الخادم!
• تأكد من تحديث الصفحة (أيمسح ذاكرة التخزين المؤقت أو فتح وحدة تحكم المطور)

ملفات المثال:

يرى ملفات المثال في هذا جوهر!

توضيح:

يتم استدعاء مهمة Grunt المحددة التي تعيد كتابة أوراق أنماط CSS في ملف Index.html cssmin, ، والذي يستخدم بالتزامن مع useminPrepare و usemin.

أساسًا، useminPrepare يكتب أ cssmin التكوين بالنسبة لك على أساس <!-- build:css التعليقات في ملف HTML الخاص بك.يرى usemin مستندات.