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

0 vote128 views1 answer
How to use a loop for each elements in mongo db
TypeScript
0 vote194 views1 answer
Express typescript error handling
TypeScript
0 vote138 views2 answers
Qml tableview dynamic
TypeScript
0 vote132 views1 answer
Reports for market research
TypeScript
8 votes178 views6 answers
How to make lists in python
TypeScript
0 vote132 views1 answer
Omgsmhwthwhyomgnvm
TypeScript
0 vote136 views1 answer
Link to other components angular
TypeScript
6 votes125 views1 answer
TS define dictionary
TypeScript
0 vote138 views1 answer
Wherein typeorm
TypeScript
2 votes160 views2 answers
How to close all ports angular
TypeScript