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

2 votes197 views1 answer
Ionic 5 formarray
TypeScript
0 vote224 views1 answer
Write getter angular
TypeScript
0 vote284 views2 answers
React native elements input phone number max characters
TypeScript
0 vote205 views1 answer
How to loop through objects in java using streams
TypeScript
0 vote202 views1 answer
Ionic 3 angular replacements or alternatives
TypeScript
0 vote190 views1 answer
Theattachedfile“stdData.csv”containsdifferentmeasurementsfromfour sensors. Themeasurementsaretakenmanytimesfordifferenttests
TypeScript
0 vote219 views1 answer
Cannot find module '@ngrx/effects' or its corresponding type declarations.ts(2307)
TypeScript
6 votes212 views4 answers
Property 'style' does not exist on type 'Element'.ts(2339)
TypeScript
3 votes200 views3 answers
Email validation pattern angular
TypeScript
1 vote232 views1 answer
Typescript how to add a property to an object
TypeScript