3

我想在 Angular 中使用 Sass 创建一个主题。

我使用文件的引导架构:

style/
|– main.scss   # Manifest file 
|– _alerts.scss     # Component file 
|– _buttons.scss    # Component file 
|– _mixins.scss     # Mixin file – imports all files from mixins folder
|–  ...             # Etc..
|– mixins/
|  |–  _alerts.scss # Alert mixin
|  |– _buttons.scss # Button mixin
|  |– ...           # Etc..

我想在组件的 sass 中使用一些 mixin 或其他类,我该怎么做?

是否可以只包含一次清单文件并自动包含在所有组件中?

我知道保持组件原子风格是一种很好的做法,但是如果我不能使用全局风格,我该如何实现设计系统?

4

1 回答 1

1

您可以将main.scss路径添加到angular.json,从而为所有组件使用您的自定义 SASS 主题。

angular.json具有一些全局样式的文件示例:

在此处输入图像描述

于 2019-10-11T12:55:01.173 回答