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 vote333 views1 answer
Advantages of automation
TypeScript
0 vote331 views1 answer
Capitalize first letter of all word typescript
TypeScript
1 vote403 views1 answer
Remove duplicate break line from string in typescript
TypeScript
0 vote315 views1 answer
Length in typescript
TypeScript
0 vote319 views1 answer
Roots of grass
TypeScript
2 votes295 views1 answer
Ion datetime time current set
TypeScript
0 vote318 views1 answer
Execution failed for task ':app:lint'. > Lint infrastructure error
TypeScript
0 vote333 views1 answer
Limit characters and have three dots after in angular 6
TypeScript
0 vote329 views1 answer
Error: either specify it explicitly with --sdk_root= or move this package into its expected location: <sdk>/cmdline-tools/latest/
TypeScript
2 votes308 views1 answer
Styled-components error in typescript
TypeScript