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

13 votes209 views4 answers
Tsc.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript
0 vote206 views3 answers
Online js to typescript converter
TypeScript
0 vote171 views1 answer
Login page react native
TypeScript
1 vote196 views1 answer
React router dom private route typescript
TypeScript
0 vote186 views2 answers
Roblox Script wait
TypeScript
1 vote263 views1 answer
Dataframe value counts sort
TypeScript
3 votes204 views1 answer
Adonis validator opcional
TypeScript
0 vote182 views1 answer
Ngbcollapse error with Reactive Forms
TypeScript
5 votes199 views3 answers
Add space between subplots matplotlib
TypeScript
0 vote197 views1 answer
Compy mongodb database with indexes
TypeScript