如何在Angular中全局使用Bootstrap的scss变量,而不是每次都在每个组件中导入主题?

时间:2018-04-23 04:09:37

标签: angular twitter-bootstrap sass angular-cli

我知道有一种方法可以在角度中使用bootstrap的scss变量,方法是在每个组件的scss文件中导入_variables文件,然后开始使用这些变量,这种方法可以解答很多问题。

但我认为这种方式不是一个好方法。是否有另一种导入变量文件或整个bootstrap.scss文件的方法来使用mixins和变量而不必每次都在每个组件样式文件中导入必需品?

  • 我正在使用angular-cli v1.7.4

1 个答案:

答案 0 :(得分:3)

这是不可能的。每个组件样式都是单独编译的。

https://github.com/angular/angular-cli/issues/3700

您可以在.angular-cli.json文件中指定@import 'variables'; ,以便导入

等变量
@import '../styles/_variables.scss';

而不是像

这样的东西
Collections.sort

它更方便,但您仍需将其包含在每个组件scss文件中