css - 变量在 SASS 中是全局的，但在 SCSS 中不是

Question

我的 application.css.scss 设置如下:

@import "base/variables";
@import "./application/application";

Like the documentation says我根本没有使用 Sprockets 的指令(require、require_tree 和 require_self)，所以我希望我的变量在 base 中定义/_variables.scss 成为全局变量并可用于我的 /application/application.scss 文件，但事实并非如此:

#content {
  margin-top: $big;
}

将返回错误Undefined variable: "$big"。

我通过文件 application.css.sass 和 /application/application.sass 的命名尝试了 SASS 的同样的事情，而变量现在似乎我想继续使用 SCSS 语法，我已经尝试通过设置 config.sass.preferred_syntax = :scss 但我仍然被要求使用 Sass。

当然，我可以在每次需要我的变量时只导入我的变量文件，但这违反了 DRY 原则。

是否可以在使我的变量全局可用的同时使用 SCSS 语法？我在这里错过了什么？提前致谢。

Answer 1

您有什么版本的 sprockets、rails 和 sass-rails gem？有some problems围绕 undefined variable ，可能会尝试提升 sass-rails 和 sprockets(如果可能的话)。