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 vote234 views1 answer
Install snowpack
TypeScript
1 vote203 views1 answer
Vue components import each other recursive
TypeScript
-1 vote248 views1 answer
Error NG6002: Appears in the NgModule.imports of AppModule, but itself has errors in angular
TypeScript
0 vote229 views2 answers
Fibonacci counter in typescript
TypeScript
1 vote212 views1 answer
++i vs i++
TypeScript
2 votes203 views2 answers
Change material ui appbar color
TypeScript
0 vote191 views1 answer
Linux host file location
TypeScript
4 votes207 views2 answers
What were four effects of the War of 1812?
TypeScript
0 vote208 views1 answer
Testing in different environments
TypeScript
2 votes196 views1 answer
How to get post of instragram using api
TypeScript