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 vote271 views1 answer
Test coverage techniques
TypeScript
1 vote264 views1 answer
"send" and "transfer" are only available for objects of type "address payable", not "address".
TypeScript
0 vote281 views2 answers
Qml tableview dynamic
TypeScript
1 vote248 views1 answer
Json to object typescript
TypeScript
0 vote253 views1 answer
Unknown typescript
TypeScript
1 vote316 views1 answer
Class-validator validate nested object
TypeScript
2 votes307 views1 answer
Delete folder and its subfolders in python
TypeScript
0 vote271 views1 answer
Print file contents in git bash
TypeScript
0 vote249 views1 answer
Do you use data structures in your current automation project
TypeScript
0 vote255 views1 answer
Requests session next page python
TypeScript