如何在Rails开发环境中避免合并所有样式表？

基础配置排查 #

• 首先检查配置文件路径拼写：你提到的config/enviroments/development存在拼写错误，正确路径应为config/environments/development.rb，拼写错误会直接导致配置不生效。
• 确认该文件内已配置以下核心参数：

# 开启资源调试模式，允许单独加载各资源文件
config.assets.debug = true
# 允许开发环境实时编译资源
config.assets.compile = true
# 关闭资源哈希摘要，避免生成带后缀的合并文件名
config.assets.digest = false

不同资源管道的适配方案 #

适用Sprockets（Rails 6及更早版本默认资源管道）

• 检查config/initializers/assets.rb中是否存在强制合并样式的全局配置，移除相关规则即可。
• 若仅需要方便定位样式来源，无需强制拆分加载，可以额外开启sass源映射：

config.sass.inline_source_maps = true

开启后即使样式合并，也可以在浏览器开发者工具中直接定位到对应的源scss文件行，使用体验优于单独加载样式表。

适用Rails 7+默认的Propshaft 或 cssbundling-rails

原有config.assets.debug是Sprockets的专属配置，对以上方案不生效，需要按以下步骤调整：

• 不要在application.scss中用@import "*"或*= require_tree .批量引入所有样式文件
• 在布局文件app/views/layouts/application.html.erb的head标签内，单独声明每个需要加载的样式表，示例：

<%= stylesheet_link_tag "application", "home", "user", "admin", "data-turbo-track": "reload" %>

• 在config/initializers/assets.rb中把单独加载的样式表加入预编译列表：

Rails.application.config.assets.precompile += %w( home.css user.css admin.css )

生效操作 #

所有配置修改完成后，执行以下命令清除旧缓存，再重启开发服务器即可生效：
rails tmp:cache:clear #

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