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 vote209 views1 answer
Typescript string concatenation best practice
TypeScript
-1 vote191 views2 answers
How to pass props in typescript
TypeScript
1 vote183 views1 answer
Return the Objects Keys and Values
TypeScript
5 votes188 views1 answer
Python how to check if all elements in list are the same
TypeScript
2 votes210 views2 answers
Eslint no-unused-vars typescript
TypeScript
0 vote197 views1 answer
Is there a way to show a preview of a RecyclerView's contents as Grid in the Android Studio editor?
TypeScript
0 vote185 views1 answer
Material ui iccons
TypeScript
55 votes281 views6 answers
Sum of list of lists python
TypeScript
2 votes185 views2 answers
How to check constraints on a table in sql oracle
TypeScript
14 votes189 views3 answers
Typescript pick
TypeScript