ruby-on-rails - 在 Rails 中的所有样式表文件中携带 Sass 变量

Question

我有一个 site_settings.scss 包含我的 Rails 应用程序的所有变量的文件:

app/assets/stylesheets/site_settings.scss

$primary_color: #4285F4;
$dark_color: #333333; 
...

现在，如果我想在文件中使用这些变量，我需要在该文件中执行此操作:

import 'site_settings.scss'

我需要把它放在 的开头每个文件 我想使用这些变量，否则 Rails 会给我 Undefined variable:错误。

我试过把 import 'site_settings.scss'内 application.scss 或 custom.scss 但他们都没有工作。

我也试过用 require 'site_settings'在 应用程序.scss 并将 application.scss 重命名为 application.css.scss 正如这里提到的: http://mildlyinternet.com/code/scss-variables-asset-pipeline.html ，但它仍然无法正常工作。

这是我的 application.scss:

/*
 *= require_self
 *= require font-awesome 
 */

@import "bootstrap-sprockets";
@import "bootstrap";
@import "custom";
@import "devise";
@import "site_settings";

那么，我该如何解决这个问题，这样我就不必写 import 'site_settings.scss'每次都在每个文件中？

Answer 1

您应该重命名将使用共享变量的所有文件以 _ 开头。 .
这将在部分文件的上下文中渲染其他文件，这将使用之前在 @import 'site_settings' 中声明的变量。 .所以你会有site_settings.scss和 quickrails/_general.scss , quickrails/_media_query.scss等等。

这些导入被认为是部分导入，这就是为什么名称应该以下划线开头，但导入时不使用它。这是关于此的 Material :

Why put in front of the file name "_" or "_" in scss/css?