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 vote166 views1 answer
Function that takes first & last name and then it greets the user using his full name.
TypeScript
0 vote148 views2 answers
Paragraph dots after 2 lines css
TypeScript
-1 vote153 views3 answers
Lodash merge array of objects without duplicates
TypeScript
1 vote161 views1 answer
Reverse string in typescript
TypeScript
6 votes142 views1 answer
Typescript dictionary typing
TypeScript
1 vote184 views2 answers
Angular module build
TypeScript
7 votes156 views2 answers
How to download torrents in ubuntu
TypeScript
1 vote191 views3 answers
Inbuild method to sum of an arraylist elements in java
TypeScript
2 votes112 views1 answer
Nested array typescript
TypeScript
0 vote156 views1 answer
Related posts wordpress without plugin
TypeScript