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 vote121 views2 answers
How to set value to readonly property in typescript
TypeScript
0 vote120 views1 answer
This typescript
TypeScript
0 vote137 views1 answer
Mat stepper dont clickable
TypeScript
0 vote120 views1 answer
How to divide 1 dataframe into two based on elements of 1 column
TypeScript
6 votes109 views3 answers
Get all documents in collection firestore
TypeScript
55 votes180 views6 answers
Sum of list of lists python
TypeScript
-1 vote144 views1 answer
Macro fiji bio-formats import options
TypeScript
0 vote122 views2 answers
Typeorm select join column querybuilder
TypeScript
18 votes108 views6 answers
Remove multiple elements from array es6
TypeScript
0 vote120 views1 answer
Vue router popstate
TypeScript