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 vote271 views1 answer
Cannot find name 'EventEmitter
TypeScript
0 vote270 views1 answer
Sarasota bowling alley bomb threats incident
TypeScript
1 vote235 views1 answer
Take commits from main and move to a new branch
TypeScript
0 vote285 views1 answer
Typescript check if a value is undefined
TypeScript
2 votes282 views2 answers
Eslint no-unused-vars typescript
TypeScript
0 vote269 views1 answer
Type argument optional typescript
TypeScript
1 vote242 views2 answers
Check if url exists python
TypeScript
0 vote298 views1 answer
How to get remainder in typescript
TypeScript
1 vote275 views1 answer
What is endurance testing
TypeScript
0 vote290 views1 answer
Adding two lists using lambda function
TypeScript