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 vote303 views1 answer
Adoni migrate
TypeScript
0 vote320 views1 answer
MInus points of exploration
TypeScript
1 vote296 views1 answer
Python all elements in list in another list
TypeScript
0 vote305 views1 answer
Test events where not received
TypeScript
0 vote356 views1 answer
FIND TOP 3 students from math_11a table
TypeScript
1 vote286 views1 answer
How to pass children in react typescript
TypeScript
0 vote306 views1 answer
Formgroup reset values
TypeScript
0 vote339 views1 answer
Route.component does not have any construct or call signatures - React Router with TypeScript
TypeScript
0 vote288 views1 answer
Which of the following are elements associated with the html table layout?
TypeScript
0 vote282 views1 answer
Expo typescript jest
TypeScript