CSS 行使用 stylesheet_link_tag 重复

Question

我正在尝试在 Rails3 应用程序中订购样式表，但我遇到了使用 *stylesheet_link_tag* 帮助程序重复行的问题。

在 app/views/layouts/application.html.erb 中

<%= stylesheet_link_tag    :reset, :application, :event_calendar, :cache => false %>

生成的源代码中：

<link href="/assets/reset.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/application.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/event_calendar.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/reset.css?body=1" media="screen" rel="stylesheet" type="text/css" />
<link href="/assets/event_calendar.css?body=1" media="screen" rel="stylesheet" type="text/css" />

app/assets/stylesheets/ 文件夹的内容：

calendar (master *)$ ls app/assets/stylesheets/
application.css     event_calendar.css  reset.css

使用 *javascript_include_tag* 帮助程序出现同样类型的问题，我认为两者都可以相关。

Answer 1

如果您使用资产管道，您只需要包含 application.css ，因为里面应该有这样的行...

/*
 * This is a manifest file that'll automatically include all the stylesheets available in this directory
 * and any sub-directories. You're free to add application-wide styles to this file and they'll appear at
 * the top of the compiled file, but it's generally better to create a new file per style scope.
 *= require_self
 *= require_tree . 
*/

不要被注释掉的事实所迷惑，这将被处理并由于 require_tree . 命令，将自动包含同一目录中的所有文件。

只需放入...

<%= stylesheet_link_tag :application, :cache => false %>

如果您需要将 reset.css 放在第一位，您可以在 application.css 中指定顺序

*= require reset
*= require_self
*= require_tree .