如何使用单个“@import”将 SCSS 变量从 gem 公开到 Rails 项目中答案

【问题标题】：How to expose SCSS variables from a gem into a rails project with a single `@import`如何使用单个“@import”将 SCSS 变量从 gem 公开到 Rails 项目中
【发布时间】：2019-01-20 18:40:43
【问题描述】：

我有一个 rails 项目和一个 gem。 rails 项目有 .scss 文件需要来自 gem 的变量：

Rails 项目

application.scss：

@import "gem-styles.scss";  
@import "my-scss-file-that-needs-access-to-variables.scss"

my-scss-file-that-needs-access-to-variables.scss:

color: $primary-color;

宝石

在 gem-styles.scss 中：

@import "common/variables";

共同/_variables.scss：

$primary-color: #00d9ff;

这样做，我得到错误：Undefined variable: "$primary-color".

我可以在my-scss-file-that-needs-access-to-variables.scss 中包含common/variables 来解决此问题：

@import "common/variables";

但我发现该解决方案不够干燥。我必须将common/variables 导入到每个需要它们的.scss 文件中。我希望只能从 gem 中导入一个 .scss 文件，该文件包含我需要在父应用程序中公开的所有变量，以及来自 gem-styles.scss 的其余样式。

【问题讨论】：

标签： ruby-on-rails ruby sass rubygems

【解决方案1】：

您只能将此@import "common/variables"; 粘贴到您的 application.scss 中一次。

@import "common/variables";
@import "gem-styles.scss";  
@import "my-scss-file-that-needs-access-to-variables.scss"

喜欢这个

【讨论】：

但是我还在导入两个.scss文件，我只想导入一个，可以吗？