编译组件scss文件的角度

Question

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

在我的main style.scss文件中导入bootstrap变量文件

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

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

我在_ $gray-me文件中定义了变量_variables.scss。

当我想在style.scss文件中使用这个变量时，它的工作方式是有效的，但是当我想在compoenent scss文件中使用它时，它会给我这个错误

Undefined variable: "$gray-me"

它就像组件scss和global style.scss一样，分别编译。

所以有一种方法可以解决这个问题并使它们一起编译。

Answer 1

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