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 vote282 views1 answer
Ts number addition is concatenating like strings
TypeScript
0 vote329 views1 answer
Extract digits with serten lenth from string python
TypeScript
0 vote292 views1 answer
Type argument optional typescript
TypeScript
1 vote302 views3 answers
Typescript check undefined
TypeScript
38 votes367 views3 answers
Cannot be loaded because running scripts is disabled on this system. For more information, see about_Execution_Policies at https:/go.microsoft.com/fwlink/?LinkID=135170.
TypeScript
1 vote287 views1 answer
Comments in asymptote
TypeScript
0 vote317 views1 answer
Google sheets automatic update rook
TypeScript
1 vote281 views1 answer
Const vs readonly ts
TypeScript
14 votes308 views4 answers
Filter max value from array typescript
TypeScript
1 vote305 views1 answer
Serenity.is LinkingSetRelation add column-picker-button
TypeScript