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 vote174 views3 answers
Flutter capitalize first letter textfield
TypeScript
1 vote185 views1 answer
Leaderstats roblox setup
TypeScript
0 vote165 views1 answer
Print query from get_posts wordpress
TypeScript
0 vote181 views1 answer
There are 7 components with misconfigured ETags
TypeScript
1 vote164 views2 answers
Append to lists python
TypeScript
0 vote164 views1 answer
How to check that tuple A contains all elements of tuple B python?
TypeScript
1 vote159 views1 answer
Json to object typescript
TypeScript
1 vote176 views1 answer
Edit card-deck breakingpoints bootstrap
TypeScript
2 votes174 views2 answers
Constraints in sql
TypeScript
0 vote156 views1 answer
What will be the result of the cp /etc/hosts . command?
TypeScript