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 vote220 views1 answer
Enter into postgresql database AS
TypeScript
3 votes189 views1 answer
Ionic web platform
TypeScript
1 vote192 views1 answer
No directive found with exportAs 'matAutocomplete'
TypeScript
0 vote201 views1 answer
No fragments found in the stream for the streaming request in kinesis livestreaming
TypeScript
-2 votes208 views5 answers
Mysqli_fetch_array() expects parameter 1 to be mysqli_result, boolean given
TypeScript
0 vote208 views1 answer
Stop camera if it hits edge of room gml
TypeScript
0 vote179 views2 answers
Object map of the http parameters mutually exclusive with fromString
TypeScript
32 votes186 views1 answer
Ng : File C:\Users\nEW u\AppData\Roaming\npm\ng.ps1 cannot be loaded. The file C:\Users\nEW u\AppData\Roaming\npm\ng.ps1 is setting execution policy, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170. At line:1 char:1
TypeScript
0 vote188 views1 answer
The dialect mongodb+srv is not supported. Supported dialects feathers
TypeScript
4 votes186 views2 answers
Cannot find module .svg' or its corresponding type declarations.
TypeScript