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 vote180 views1 answer
Replace element in array typescript
TypeScript
0 vote177 views1 answer
Regex match round brackets contains any characters
TypeScript
0 vote199 views1 answer
Publication only contains dependencies and/or constraints without a version. You need to add minimal version information, publish resolved versions
TypeScript
1 vote246 views1 answer
Adonis query delete
TypeScript
0 vote179 views1 answer
Get url params in typescript
TypeScript
1 vote179 views1 answer
Typescript add comments to interface prop[
TypeScript
0 vote176 views1 answer
Typescript watch mood
TypeScript
0 vote212 views1 answer
Header elements on right
TypeScript
-1 vote187 views1 answer
Flutter get height of status bar
TypeScript
6 votes189 views1 answer
Typescript map list to new list of objects
TypeScript