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 vote147 views1 answer
Haproxy stats config
TypeScript
0 vote154 views1 answer
Three requirements for laser action
TypeScript
1 vote170 views1 answer
How to use mutliple layouts in recyclerview
TypeScript
51 votes370 views6 answers
Duplicate in sql
TypeScript
6 votes152 views1 answer
An unhandled exception occurred: Cannot find module '@angular-devkit/build-angular/package.json'
TypeScript
9 votes152 views3 answers
Fragments in react
TypeScript
2 votes157 views3 answers
Sum of digits in c++
TypeScript
1 vote137 views1 answer
"send" and "transfer" are only available for objects of type "address payable", not "address".
TypeScript
0 vote143 views1 answer
See tsv in format on command line
TypeScript
0 vote172 views1 answer
Property 'kName' does not exist on type '{}'
TypeScript