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

7 votes304 views1 answer
Initialize vector c++ with 0
TypeScript
6 votes364 views4 answers
Property 'style' does not exist on type 'Element'.ts(2339)
TypeScript
-1 vote403 views1 answer
Top data scientists in the world
TypeScript
0 vote340 views1 answer
Avoid intertwining subplots in python
TypeScript
4 votes343 views1 answer
How to find how many digits a number has in c++
TypeScript
1 vote335 views1 answer
Ts date get hour
TypeScript
0 vote335 views1 answer
Keyboard shortcuts spotify
TypeScript
1 vote367 views2 answers
Typescript get the promise return type
TypeScript
1 vote315 views1 answer
Python all elements in list in another list
TypeScript
2 votes406 views2 answers
Typescript iterate over enum
TypeScript