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 vote98 views1 answer
Multiple generic constraints c#
TypeScript
34 votes105 views3 answers
Serverless.ps1 cannot be loaded because running scripts is disabled on this system.
TypeScript
0 vote104 views1 answer
Odata filter equal
TypeScript
3 votes96 views1 answer
How to make s3 bucet objects publicj
TypeScript
0 vote91 views1 answer
Call function dynamically typescript
TypeScript
6 votes106 views1 answer
Typescript replace
TypeScript
4 votes126 views4 answers
ERROR in The Angular Compiler requires TypeScript >=4.0.0 and <4.1.0 but 3.4.5 was found instead.
TypeScript
2 votes105 views1 answer
Eslint prettier typescript
TypeScript
0 vote104 views1 answer
Supertest typescript
TypeScript
1 vote107 views1 answer
Nmap to find open ports kali linux
TypeScript