如何在全球范围内使用scss文件？

Question

我已经在论坛上阅读了一些主题，但是老实说，我没有发现关于我的问题的任何具体信息。

我的.scss文件夹中有几个/assets/scss文件。

这些文件具有不同的类型，例如：placeholders和mixins。

当前，我在这些特定文件，将使用这些文件的特定组件上提供@import。

这有点怪异，因为我在多个组件@import上使用了.scss。

是否可以使用这些方法而不必在每个@import上加上.scss？

我的项目当前所在的示例：

@import '../../../assets/scss/mixins/breakpoints';

aside {
    @include breakpoint-desktop {
        width: 400px;
    }
}

Answer 1

您可以将所有scss导入由angular cli（styles.scss）生成的主样式文件中，但是由于任何原因，您需要在特定组件中导入sass代码，您可以在angular.json文件中配置路径以进行干净导入使用sass。

"stylePreprocessorOptions": {
   "includePaths": [
   "src/assets"
 ]
}

现在您可以使用这样的导入：

 @import 'placeholders/placeholder-1';

您可以找到更多信息here