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 vote120 views1 answer
Mongodb move documents to another collection
TypeScript
4 votes125 views1 answer
Get back some commits git
TypeScript
0 vote123 views1 answer
Sockjs-node/info?t=net::ERR_CONNECTION_TIMED_OUT
TypeScript
6 votes133 views2 answers
Get arguments from url flask
TypeScript
4 votes131 views2 answers
Angular get route url
TypeScript
7 votes107 views4 answers
Typescript array
TypeScript
0 vote145 views1 answer
Allowsyntheticdefaultimports angular
TypeScript
2 votes136 views1 answer
Ion-datetime min date today
TypeScript
0 vote189 views1 answer
Custom validation for phone-number using class-validator package
TypeScript
0 vote129 views1 answer
Download blob typescript
TypeScript