Включение внешних CSS-файлов в Famo.us проект

Question

Я создал проект, используя Famo.us генератор Yeoman.Он создает файл index.html, папку стилей, папку src и папку содержимого.Gruntfile указывает, что index.html включает в себя все css-файлы из папки styles.Однако я хочу включить CSS-файл Google fonts, сославшись на него в моем 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 -->

Устранение неполадок:

• Если это не работает с live-reload, попробуйте перезапустить сервер!
• Обязательно обновите страницу (т.е.очистите кэш или откройте консоль разработчика)

Примеры файлов:

Видишь примеры файлов в этой статье!

Объяснение:

Конкретные грунт задач, которая переопределяет CSS-стилей в index.html называется cssmin, который используется в сочетании с useminPrepare и usemin.

В основном, useminPrepare пишет cssmin настройка для вас на основе <!-- build:css комментарии в вашем html-файле.Видишь используемин Документы.