首页 文章

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

提问于
浏览
1

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

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

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

1 回答

  • 2

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

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

    您可以做的是在 .angular-cli.json 文件中指定 stylePreprocessorOptions ,以便您可以导入类似的变量

    @import 'variables';
    

    而不是像

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

    它更方便,但您仍然必须将它包含在每个组件scss文件中

相关问题