Angular2 组件中的 Sass 变量答案

【问题标题】：Sass variables in Angular2 componentsAngular2 组件中的 Sass 变量
【发布时间】：2017-02-27 07:52:15
【问题描述】：

我在我的项目中使用 Angular2 和 angular-cli。我在全局 style.scss 文件中定义了一些 Sass 变量。如何从我的自定义组件（来自 component.scss）访问这些变量？ М也许我必须在每个 component.scss 文件中导入带有这些变量的单独文件。

【问题讨论】：

【解决方案1】：

您应该将变量放在单独的.scss 文件中，例如_vars.scss。注意名称前面的下划线。这将告诉编译器不应编译该文件。这意味着您只能将其与@import 一起使用。

然后，例如在您的 component.scss 中，您可以（在文件顶部）：

@import "path/to/vars";

无需添加下划线或扩展名

【讨论】：

我试过这个，但对我不起作用。我的 scss 文件中无法包含变量。请在此处查看我的帖子：stackoverflow.com/questions/40401501/…。希望你能帮上忙。
这会产生重复的代码吗？或者这就是“告诉编译器不应嵌入文件的输出”的意思。我不熟悉组件架构中的 SASS，所以我不确定 Angular2 是如何处理这个问题的。
变量、可扩展、混合和函数在编译时没有输出。所以不行：）。这与 angular2 或任何框架无关，都是普通的 scss