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 vote288 views1 answer
Insert if not exists mysql
TypeScript
0 vote301 views2 answers
Typescript convert to javascript
TypeScript
0 vote299 views2 answers
Paragraph dots after 2 lines css
TypeScript
0 vote290 views1 answer
Type script encode url
TypeScript
1 vote313 views1 answer
Convert string to uppercase typescript
TypeScript
0 vote272 views1 answer
Jasmine test button click
TypeScript
0 vote308 views1 answer
Actual instructions in flowcharts are represented in __________
TypeScript
4 votes336 views1 answer
Enumerate multiple lists python
TypeScript
8 votes341 views6 answers
Cannot be loaded because running scripts is disabled on this system visual studio code
TypeScript
1 vote326 views3 answers
Check null typescript
TypeScript