Rails：如何正确避免 CSS 的循环依赖错误，但仍包含所有文件？

Question

我是 Rails 的新手，我希望这是一个简单的问题，但我无法在此处或通过谷歌搜索找到它。我经历过severaldifferentsimilarposts，但从未完全解决我的问题。 （“帖子”上的第四个链接是完全相同的问题，但从未解决或回答。）

我正在尝试设置一个非常简单的博客应用程序来玩。我想做的（现在）就是建立一个全局 application.css[.scss is optional] 和一个特定于页面的 post.css[.scss]。

我的 application.css 如下所示：

//= require_self
//= require_tree .

body {
    background-color: #CCF;
}
#main_content_div {
    width:90%; 
    padding:10px; 
    margin: 15px auto; 
    background-color:#FFF;
}

如果你问我，就很简单了。

我的 post.css.scss 看起来像这样：

.postlist_row {
    border: 1px solid red;
}

没什么花哨的。

但是当我尝试访问 /posts 时，我最终得到：

Sprockets::CircularDependencyError in Posts#index

对此的标准 SO 答案似乎是“好吧，只需删除该 require_tree 语句即可。您使用的是 Rails 3 和 Sprockets，因此这已经发生了，并且您将双重包含相同的文件。”

这可能是真的。如果我删除了 require_tree，application.css 就可以正常工作。但是，这就是我的问题似乎与其他问题不同的地方，它从不包括 post.css.scss。其中没有任何规则应用于页面，也没有显示在源代码中。

我对管道的了解还不够，无法确定问题出在哪里，无论是因为我的语句顺序还是因为一个是 css 而另一个是 scss 或我的配置...我只是不知道。

有什么想法吗？

Answer 1

如果您删除 //= require_tree .，则您需要自己包含控制器特定资产。

见http://guides.rubyonrails.org/asset_pipeline.html#how-to-use-the-asset-pipeline

例如，如果你生成一个 ProjectsController，Rails 也会添加 一个新文件在app/assets/javascripts/projects.js.coffee 和另一个在 app/assets/stylesheets/projects.css.scss。你应该把任何 JavaScript 或 CSS 对各自资产中的控制器来说是唯一的 文件，因为这些文件可以为这些控制器加载 带有诸如<%= javascript_include_tag params[:controller] %>之类的行 或<%= stylesheet_link_tag params[:controller] %>。

你这样做了吗？

或者，您可能希望保留//= require_tree .，以便您的应用可以为所有请求（浏览器可以在第一页之后缓存）提供一个样式表，并使用选择器将某些样式限制为特定页面。例如，您可以在应用程序的布局模板中将 params[:controller] 作为类添加到页面主体，这样您就可以将样式范围限定为仅应用于该控制器的视图：

body.posts {
  .postlist_row {
    border: 1px solid red;
  }
}