Angular import styles.scss

Change css to scss angular

ng config schematics.@schematics/angular:component.styleext scss

Source: medium.com

How to import scss file in angular

In the new angular v6, importing sass files is a little different from the previous version.

I just needed to import like this (in a component stylesheet)

@import "~src/sass/variables";    // note: without file extension

Now everything works fine

Thanks all for the help

Source: stackoverflow.com

Angular import styles.scss

in angular.json:
...
"styles": [
              ...
              "src/styles.scss"
            ],

and in the components.ts
...
styleUrls: ['./app.component.scss']

Similar codes

3 votes187 views1 answer
Can't bind to 'formcontrol' since it isn't a known property of 'input'.
TypeScript
0 vote226 views1 answer
Typescript import particular class from file
TypeScript
8 votes227 views1 answer
Create-react-app template
TypeScript
0 vote167 views1 answer
How did mississauga get its name
TypeScript
1 vote303 views3 answers
Convert javascript to typescript online converter
TypeScript
0 vote201 views1 answer
How to get value from observable
TypeScript
32 votes245 views1 answer
Policies for setting virtual environment -python
TypeScript
1 vote234 views1 answer
'mat-label' is not a known element:
TypeScript
3 votes262 views2 answers
Typescript sort array of objects by date descending
TypeScript
2 votes220 views1 answer
Serenity-is hide column
TypeScript