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 vote129 views2 answers
Ixl ansers
TypeScript
2 votes120 views1 answer
Number of elements in c++ array
TypeScript
0 vote134 views1 answer
Arranging array objects in custom order
TypeScript
0 vote151 views1 answer
Map gRPC error
TypeScript
0 vote185 views3 answers
How to navigate from one page to another in angular
TypeScript
1 vote124 views1 answer
Ts intefase array of objjects
TypeScript
1 vote154 views1 answer
Error: Missing "key" prop for element in iterator
TypeScript
15 votes129 views2 answers
Typescript string to enum
TypeScript
12 votes121 views6 answers
Typescript array of objects
TypeScript
0 vote138 views1 answer
React native styled-components responsive font
TypeScript