在Famo.us项目中包含外部css文件

Question

我使用Famo.us的Yeoman生成器创建了一个项目。它创建一个index.html文件，一个样式文件夹，一个src文件夹和一个内容文件夹。 gruntfile指定index.html包含styles文件夹下的所有css文件。但是，我想在我的index.html中引用一个google fonts css文件。我不能手动插入这个，因为每次我在项目中保存文件时grunt都会覆盖我的更改，我如何在我的index.html文件中加载我的外部css文件/引用它们？

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

疑难解答：

• 如果这不适用于重新加载，请尝试重新启动服务器！
• 请务必刷新页面（即清除缓存或打开开发人员控制台）

示例文件：

请参阅example files in this gist！

说明：

在index.html中重写CSS样式表的特定Grunt任务称为cssmin，它与useminPrepare和usemin一起使用。

基本上，useminPrepare会根据您的html文件中的cssmin条评论为您撰写<!-- build:css个移植信息。请参阅usemin文档。