Импортировать переменную s css в компонент Angular

Question

Допустим, у меня есть следующий компонент Angular:

// src/app/app.component.html
<stars [customColor]="blue">

И у меня есть следующая переменная s css:

// src/_styles.scss
$color: blue;

Как я могу использовать scss переменная вместо дублирования blue?

Чтобы уточнить, я хочу получить доступ к $color в app.component.html или app.component.ts.

По-видимому, можно настроить Webpack в приложении React , но я не уверен, возможно ли это в Angular.

Answer 1

В файл app.component.scss (или star.component.scss) просто импортируйте свои стили:

@import './../_style.scss'

Затем вы можете использовать свой s css var