编译组件scss文件角度

Question

所以我想在我的 angular 4 项目中使用 scss，我使用 angular-cli 配置文件对其进行了配置，并且一切正常，除了一件事：

在我的主 style.scss 文件中，我导入引导变量文件

@import './assets/styles/bootstrap/_variables.scss';
@import './assets/styles/bootstrap/bootstrap.scss';

@import "./assets/styles/datepicker.scss";
@import "./assets/styles/select2.scss";

我在 __variables.scss 文件中定义了一个变量 $gray-me。

当我想在style.scss 文件中使用这个变量时，它按预期工作，但是当我想在一个组件 scss 文件中使用它时，它给了我这个错误

Undefined variable: "$gray-me"

就像组件 scss 和 global style.scss 分开编译。

那么有没有办法解决这个问题并让它们编译成一个整体。

Answer 1

确保您 @import 您的 component.scss 中所有必需的 .scss 文件。 component.scss 文件不是全局文件，因此需要显式导入所有必需的引用，即@import "__variables"。