Как включить тему Sass во все угловые компоненты?

Question

Я хочу создать тему с Sass в Angular.

Я использую архитектуру файлов Bootstrap:

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 изкомпоненты, как я могу это сделать?

Можно ли включать только один раз файл манифеста и автоматически включать его во все компоненты?

Я знаю, что рекомендуется придерживаться стилякомпонент атомарный, но как я могу реализовать систему проектирования, если я не могу использовать глобальный стиль?

Answer 1

Вы можете добавить свой путь main.scss к angular.json и, таким образом, использовать собственную тему SASS для всех компонентов.

Пример файла angular.json с некоторыми глобальными стилями: