资产管道缓存CSS？

Question

我正在开发 Rails 3.1 应用程序。我创建了一个 application.css.scss.erb 文件。 .erb 位于最后，因为我想从配置文件加载一个变量作为 css 中的颜色变量：

$highlight1: #<%= COLOR.highlight1 %>;
$highlight2: #<%= COLOR.highlight2 %>;

一切正常，但我遇到的问题是，每当我更改 COLOR.highlight1 中的值时，它都不会直到我进入我的 css 文件并更改某些内容（我通常添加一些空格并保存）后才会反映更改。那是我看到变化的时候。显然，rails 正在查看文件是否已更改，以便更新更改。

有没有什么办法至少在开发过程中可以将其关闭，并且我可以看到更改而不必修改 css 文件？

也欢迎对我的技术提出任何批评/意见

Answer 1

Sprockets depend_on 指令用于声明此类依赖关系。因此，在 css.scss.erb 文件的顶部，与其他指令（require 和朋友）一起放置如下内容：

//= depend_on "/path/to/colors.rb"

然后，当文件 /path/to/colors.rb 更改时，它将强制 CSS 也更新。

不幸的是，我从来没有让它与资产目录之一（javascripts/stylesheets/images）外部的文件的相对路径一起使用，因此Sprockets解析路径的方式可能会阻止这个，否则我会错过一些东西。这让您可以选择指定绝对路径，这几乎肯定无法在所有应用程序环境中工作，或者将常量文件放入资产目录中（例如，app/assets/stylesheets/colors.rb）。

作为参考，这里是来自 Sprockets (2.0.3) 源代码的 depend_on 指令的文档，位于 sprockets/directive_processor.rb

  # Allows you to state a dependency on a file without
  # including it.
  #
  # This is used for caching purposes. Any changes made to
  # the dependency file will invalidate the cache of the
  # source file.
  #
  # This is useful if you are using ERB and File.read to pull
  # in contents from another file.
  #
  #     //= depend_on "foo.png"
  #

如果有人知道如何指定到其他位置（如 config/initializers）的相对路径或者什么，请告诉我！

Answer 2

除了大卫·费伯的回答。我也需要使用相对路径。

我想生成一个带有区域设置字典的 js 文件，如果区域设置文件发生更改，该文件将会更新：

//= depend_on "../../../config/locales/en.yml"
//= depend_on "../../../config/locales/ja.yml"

var locales = <%= locales.to_json %>;

事实证明，当前（Rails 3.2.3）相对路径仅在相对路径也在资产路径中时才有效！

所以丑陋的解决方案是在 config/application.rb 中添加路径：

config.assets.paths.unshift Rails.root.join("config", "locales").to_s

Answer 3

http://guides.rubyonrails.org/configuring.html

• config.assets.compile 是一个布尔值，可用于在生产中打开实时 Sprockets 编译。

可能想尝试一下，但我不确定它是否实时编译，至少它应该禁用缓存。

Answer 4

也许可以尝试：

config.assets.digest = true

在您的开发配置文件中

Answer 5

我尝试这个，它

在 application.rb 中

config.autoload_paths += %W(#{config.root}/lib/assets_variables)
config.assets.paths << File.join(Rails.root, 'lib', 'assets_variables')

的 lib/assets_variables/color.rb 中

module Color
  def self.default
    'blue'
  end
end

的 app/assets/stylesheets/color.css.scss.erb 中工作

//= depend_on "color.rb"
$default_color: <%= Color::default %>;
.content {
  color: $default_color;
}