我已经在论坛上阅读了一些主题,但老实说,我没有找到任何关于我的问题的具体内容。
我的.scss
文件/assets/scss
夹中有几个文件。
这些文件是不同类型的,例如:placeholders
和mixins
.
目前,我提供@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] 删除。
我来说两句