如何全局使用scss文件?

用户11472365

我已经在论坛上阅读了一些主题,但老实说,我没有找到任何关于我的问题的具体内容。

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

这些文件是不同类型的,例如:placeholdersmixins.

目前,我提供@import了这些特定文件,以及将使用这些文件的特定组件。

这变得有点奇怪,因为我放弃@import了几个 component .scss

有什么方法可以使用这些而不必放弃@import每个.scss

在此处输入图片说明

我的项目目前的一个例子:

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

aside {
    @include breakpoint-desktop {
        width: 400px;
    }
}
摩西莱昂诺尔

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

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

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

 @import 'placeholders/placeholder-1';

你可以在这里找到更多信息

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章