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 vote214 views1 answer
Geting request header in loopback4
TypeScript
0 vote285 views1 answer
2. Write a program to draw this. Assume the innermost square is 20 units per side, and each successive square is 20 units bigger, per side, than the one inside it.
TypeScript
0 vote243 views1 answer
Not working npx react-native init MyApp --template react-native-template-typescript
TypeScript
1 vote213 views1 answer
Sort array of objects by 2 key value
TypeScript
4 votes241 views1 answer
Get requests method flask
TypeScript
1 vote209 views1 answer
How to delete objects in lua
TypeScript
0 vote216 views1 answer
Surround substring with quotes
TypeScript
0 vote239 views2 answers
Adding font in nextjs
TypeScript
8 votes241 views1 answer
Create-react-app template
TypeScript
2 votes260 views1 answer
Mat input formatter tel
TypeScript