Estou trabalhando com Angular (projeto gerado pelo @angular/cli
), e a estrutura do meu projeto está abaixo:
src
| - app
| - foo
| - foo.component.js
| - foo.component.scss
| - foo.component.html
| - styles
| - _variables.scss
No meu arquivo foo.component.scss
eu estou tentando acessar o arquivo _variables.scss
para pegar uma variavel que contém uma cor padrão para o projeto. Para fazer isso, estou utilizando a estrutura abaixo:
@import '~/.../src/styles/_variables.scss';
foo {
background-color: $color-red;
}
Existe alguma forma mais simples de fazer a importação desse arquivo dentro de folhas de estilo dos componentes? ou criando uma referência nos arquivos de config, ou alguma outra configuração?