Ruby on Rails中为单页引入独立CSS/JS，用独立布局是否合理？

不用给每个视图单独写布局文件，那样会产生大量重复代码，维护起来非常麻烦。下面是几种更高效的实现方式：

1. 使用content_for块 #

在全局布局文件里预留专属资源区块，然后在具体视图中填充需要的CSS/JS引用：

• 布局文件（比如app/views/layouts/application.html.erb）中添加：

<head>
  <!-- 全局CSS -->
  <%= stylesheet_link_tag 'application', media: 'all' %>
  <!-- 页面专属CSS区块 -->
  <%= yield :page_css %>
</head>
<body>
  <%= yield %>
  <!-- 全局JS -->
  <%= javascript_include_tag 'application' %>
  <!-- 页面专属JS区块 -->
  <%= yield :page_js %>
</body>

• 在需要单独引入文件的视图里，添加对应的content_for代码：

<% content_for :page_css do %>
  <%= stylesheet_link_tag 'pages/home' %>
<% end %>

<% content_for :page_js do %>
  <%= javascript_include_tag 'pages/home' %>
<% end %>

<!-- 视图内容 -->
<h1>首页</h1>

这种方式既保持了布局的统一性，又能灵活给单个页面添加专属资源。

2. 基于控制器/动作自动加载 #

利用Rails的asset pipeline特性，根据当前请求的控制器和动作名称自动加载对应资源：

• 在app/assets/stylesheets/application.css中，移除*= require_tree .，改为仅加载全局样式：

/*
 *= require_self
 */

• 在布局文件里，动态生成资源路径：

<%= stylesheet_link_tag 'application', controller_name, action_name, media: 'all' %>
<%= javascript_include_tag 'application', controller_name, action_name %>

当访问HomeController#index时，会自动加载app/assets/stylesheets/home.css和app/assets/stylesheets/index.css（文件存在的前提下），JS资源同理。
如果担心文件不存在导致404，可以加判断逻辑：

<% if Rails.application.assets.find_asset("#{controller_name}.css") %>
  <%= stylesheet_link_tag controller_name %>
<% end %>

3. 使用gem辅助（可选） #

如果项目结构复杂，可借助layout_assets这类gem简化资源管理，但一般上述两种原生方法已能满足需求，无需额外引入依赖。

总结下来，content_for是最灵活且易维护的方案，基于控制器/动作自动加载适合资源命名规范统一的场景，二者都比给每个视图单独编写布局高效得多。

内容的提问来源于stack exchange，提问作者Themis Nikellis