Question

我有使用变量颜色的scss文件。喜欢 -

.label-primary, .badge-primary {
  background-color: $navy;
  color: #FFFFFF;
}

.label-success, .badge-success {
  background-color: $blue;
  color: #FFFFFF;
}

.label-warning, .badge-warning {
  background-color: $yellow;
  color: #FFFFFF;
}

这些变量在variables.scss file

中定义

我已经在application.css.scss文件中@imported @import "base/variables";。

// Variables, Mixins
@import "base/variables";
@import "base/mixins";

但它仍然没有在其他scss文件中加载，并且在尝试在生产中预编译时抛出错误Sass::SyntaxError: Undefined variable: "$navy".。

我必须在顶部的每个scss文件中明确@import "base/variables";。有35个文件。

如何在一个地方定义这个variable.scss文件，以便在每个scss文件中加载？

NOTE: I am using rails-api gem and the application is API only. I have tweaked a bit to make some views on this application.

Answer 1

你试过sprockets-sass gem吗？它适用于Sprockets 2.x和3.x以及SCSS和SASS文件。

它完全符合你的需要：D

我如何以及在何处导入常见的SCSS文件，以便在每个scss文件中都可用？

1 个答案: