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 vote160 views1 answer
Four basic components that information system consists of
TypeScript
0 vote184 views1 answer
How to check if file exists lua
TypeScript
1 vote165 views1 answer
Angular ngfor conditional pipe
TypeScript
4 votes183 views5 answers
Angular refresh page without reloading
TypeScript
0 vote190 views1 answer
Pdfunite all documents in a folder with alphabetical order
TypeScript
0 vote156 views1 answer
Swalert 2 show loader
TypeScript
0 vote173 views1 answer
Html image with its text below
TypeScript
2 votes182 views1 answer
Prettier eslint typescript
TypeScript
10 votes190 views3 answers
Foreach typescript
TypeScript
0 vote164 views1 answer
The softness of a spot lights edge is controlled by penumbra angle, value gives perfect hard edge:
TypeScript