带有erb的Sass不会编译答案

【问题标题】：Sass with erb won't compile带有erb的Sass不会编译
【发布时间】：2012-12-26 23:06:26
【问题描述】：

在 Rails 中，文件 file.css.sass.erb:

.class-name
    width: <%= "10px" %>

正在抛出错误：

Invalid CSS after "": expected expression (e.g. 1px, bold), was "<%= "10px" %>"

它不应该工作吗？

更新 1

仍在苦苦挣扎，但我发现如果将其更改为 SCSS 语法（文件名和代码），仍然会导致非常相似的错误。

Invalid CSS after " width: ": expected expression (e.g. 1px, bold), was "<%= "10px" %>;"

虽然，如果我删除 scss 扩展名，将 CSS 类似的语法保留为文件名 file.css.erb，Rails 确实可以按预期编译。

但考虑到我忘记了一些非常明显的事情，我也在考虑这可能是与 sass-rails 的 gem 冲突，或者一个错误，或者什么。 毕竟，代码在没有 SASS 扩展的情况下也能正常工作。

刚刚在同一问题上发现了其他 4 个未回答的问题：

他们中的一些人最终通过改变方法解决了这个问题。 SASS 文件的 ERB 问题仍未解决。

【问题讨论】：

【解决方案1】：

这确实是sass-rails 的问题，正如on GitHub 所讨论的那样。

于是this guy写了this patch，彻底解决了问题。

添加到Gemfile:

gem "sass_rails_patch", "~> 0.0.1"

然后运行bundle，你就很好了！

【讨论】：

【解决方案2】：

如果 erb 仅用于引用资产，您可以使用 asset helpers：

background-image: asset-url("rails.png")

...而不是...

background-image: url("<%= image_path('rails.png') %>");

【讨论】：