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

1 vote228 views1 answer
React native Error styled 'marginTop' of RCTView with JSON value 'px' of type NSString
TypeScript
0 vote189 views1 answer
Distributed Cron Job
TypeScript
0 vote187 views1 answer
C# linq get list of objects based on another list
TypeScript
0 vote169 views3 answers
Inline scripts encapsulated in <script> tags
TypeScript
3 votes175 views1 answer
'mat-form-field' is not a known element:
TypeScript
0 vote204 views1 answer
Install typescript mac
TypeScript
1 vote183 views1 answer
Requests use many proxy python
TypeScript
1 vote165 views1 answer
Start blender from terminal
TypeScript
1 vote137 views1 answer
Import fetch in typescript
TypeScript
0 vote181 views1 answer
How to disable form control but keep value
TypeScript