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

7 votes176 views5 answers
Reactnative typescript
TypeScript
0 vote189 views1 answer
Declaring window object in ts
TypeScript
0 vote187 views1 answer
1.Load the data set cats from the library MASS
TypeScript
0 vote181 views2 answers
Add redux to react typescript
TypeScript
0 vote171 views2 answers
Typescript encode url
TypeScript
0 vote186 views1 answer
Create Type from String Enum
TypeScript
1 vote179 views1 answer
Typescript while
TypeScript
2 votes169 views1 answer
Cannot find module 'next' or its corresponding type declarations.
TypeScript
1 vote182 views1 answer
Circle dot in latex
TypeScript
2 votes186 views2 answers
How to check constraints on a table in sql oracle
TypeScript