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

1 vote210 views1 answer
Angular ngfor conditional pipe
TypeScript
0 vote255 views1 answer
.net framework core scaffhold exists table
TypeScript
2 votes257 views3 answers
Angular typescript refresh page
TypeScript
0 vote227 views1 answer
TypeScript interface for object with arbitrary numeric property names?
TypeScript
-1 vote256 views1 answer
Typescript enum value to enum
TypeScript
1 vote261 views1 answer
How to add custom snippets in emmet in visual studio code
TypeScript
0 vote218 views1 answer
How to loop the jquery formData key object in jqueyr
TypeScript
0 vote231 views1 answer
?In static pages, the contents are fluid and changeable (e.g., rotating banners).
TypeScript
0 vote257 views1 answer
Angular 12 model class
TypeScript
0 vote234 views1 answer
Live airplane tracker
TypeScript