application.css对于不同的布局如何正确设置？

Question

在我的Rails应用程序中，我有几个布局，每个我想加载特殊的CSS我怎么能这样做？

目前application.css看起来像这样：

//= require bootstrap.min
//= require filechooser
//= require bootstrap-switch.min
//= require jquery.datetimepicker
//= require fancybox2_1_5/jquery.fancybox
//= require style
*= require_self
*/

Answer 1

如果您对不同的控制器使用不同的布局，则可以通过向{{1}添加方法，直接在布局中使用特殊的 css 或 js 文件如下：

ApplicationHelper

然后，将此辅助方法添加到def controller_stylesheet_link_tag if params[:controller] == "foo" stylesheet_link_tag 'foo' else stylesheet_link_tag 'bar' end end -

等布局中

application.html.erb

Answer 2

我喜欢为每个布局使用特定的JS / CSS文件（如适用）。

例如，app/layouts/application.html.erb会有application.css，如下所示：

<%= stylesheet_link_tag 'application' %>

app/layouts/admin.html.erb将admin.css：

<%= stylesheet_link_tag 'admin' %>

使用Sprockets 3或更高版本，您甚至可以使用目录中的索引文件来保持组织有序。 app/assets/stylesheets/admin/index.css将以admin.css的形式提供。有关详细信息，请参阅Index Files are proxies for folders。