在 Rails 开发中拆分 css 和 javascript 文件答案

【问题标题】：Split css and javascript files while in rails development在 Rails 开发中拆分 css 和 javascript 文件
【发布时间】：2023-03-22 21:35:02
【问题描述】：

在开发模式下，我所有的 css 和 javascript 文件合并为一个，而在我的浏览器检查器中，我只能看到一个 css 文件为什么会这样？谢谢！

这是我对这些行的布局代码：

= stylesheet_link_tag 'application', media: 'all'
= javascript_include_tag 'application', 'data-turbolinks-track' => true, defer: defer ? :defer : false

【问题讨论】：

请您提供一些关于您的环境设置的详细信息？您使用哪些开发工具？
我只是在使用 Google chrome 检查器，它显示了 css 样式所在的特定文件，它总是显示：/assets/application-2186a546c7136adb1a5bba56a99368d179e1e560f9eacf37a2c0f2d1a93a2a1b.css @BenCummins
是的，但是你是用什么构建代码的？一些 IDE 可以选择将所有 CSS / js 文件合并为一个以加快 Web 浏览器中的加载速度
即使在 HTML 中它也只显示这个
@BenCummins 我只是使用 sublime text 3，没有 IDE 插件或类似的东西，在 vim 中查看文件显示了我在上面的问题中粘贴的内容。

标签： javascript css ruby-on-rails ruby-on-rails-4 config

【解决方案1】：

我通过在

中将此行更改为true解决了问题

config/environments/development.rb

config.assets.debug = true

# Debug mode disables concatenation and preprocessing of assets.
# This option may cause significant delays in view rendering with a large
# number of complex assets.

【讨论】：

github.com/rails/sprockets/issues/162 - 这有一个错误，尤其是 application.css