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 vote280 views1 answer
Average of two lists python
TypeScript
0 vote299 views1 answer
Typescript disable next line
TypeScript
0 vote291 views1 answer
Change event doesn't work on dynamically generated elements .
TypeScript
1 vote272 views1 answer
How to change static variables in other scripts unity
TypeScript
0 vote264 views1 answer
Classes in ts
TypeScript
0 vote292 views1 answer
How to concate a string to all elements in a list in python
TypeScript
1 vote280 views1 answer
A function that prints all numbers from 0 - n Added together python
TypeScript
2 votes284 views1 answer
Vscode custom snippets how to use file name
TypeScript
0 vote266 views1 answer
Deno allow net
TypeScript
2 votes300 views3 answers
Sum of digits in c++
TypeScript