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

2 votes143 views1 answer
How long does it take to learn typescript
TypeScript
1 vote164 views1 answer
Typescript algorithm to find repeating number sequences over time
TypeScript
0 vote143 views1 answer
Node fetch image to base64
TypeScript
0 vote153 views2 answers
How to check listening ports on a server
TypeScript
0 vote137 views1 answer
How to join all url segments to make a url in javascipt 30seconds of code
TypeScript
0 vote171 views1 answer
If word contains space detects using jquery
TypeScript
2 votes146 views2 answers
How to get the elements that missing in other tables sql
TypeScript
0 vote156 views1 answer
Ignoring header x-firebase-locale because its value was null. flutter
TypeScript
4 votes154 views1 answer
Get back some commits git
TypeScript
0 vote174 views1 answer
Mongodb find documents where two fields are equal
TypeScript