Angular2組件中的Sass變量

Question

我在項目中使用Angular2和angular-cli。 我在全局style.scss文件中定義了一些Sass變量。 如何從我的自定義組件（來自component.scss）訪問這些變量？ Мaybe我必須在每個component.scss文件中導入帶有這些變量的單獨文件。

Answer 1

你應該把你的變量，一個單獨的內部.scss如文件_vars.scss 。 注意名稱前面的下划線。 這將告訴編譯器不應該編譯該文件。 這意味着您只能將它與@import一起使用。

然后在你的component.scss你可以做（​​在文件的頂部）：

@import "path/to/vars";

無需添加下划線或擴展名