在 Rails 代码中使用 SASS 变量

Question

我担心这个问题简直是愚蠢的，但是......是否有任何选项可以在 rails .erb文件中使用 SASS 变量？

我在我的variables.css.scss定义了一些颜色，我希望在我的视图或 Rails 的助手中使用它们的值。 也许Rails可以看到一些编译好的sass资源什么的？

谢谢你的回答！

Answer 1

你可以反过来做，即在你的 css/sccs 代码中使用 ruby​​ 代码。 这有点棘手，但它可能会帮助你：

首先将颜色声明为 ruby​​ 常量：

# Put this into config/initializers/constants.rb for example
module Constants
  FOO_COLOR = '#123456'
end 

接下来，将variables.css.scss重命名为variables.css.scss.erb并使用上一步创建的常量

$fooColor: <%= Constants::FOO_COLOR %>

最后使用其他 scss 文件中的颜色

@import "_variables";
#foo {
    background-color: $fooColor;
}

您也可以在 Rails 代码中使用Constants::FOO_COLOR 。

请注意，您可能会在生产中使用预编译资产。 它将使用如下所示的常量，但如果您想更改该值或从数据库中获取它，它将不起作用。