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 vote309 views1 answer
Ts loop through days in dates
TypeScript
0 vote355 views1 answer
Material ui styled components with theme
TypeScript
0 vote327 views1 answer
React-native-size-matters npm
TypeScript
0 vote327 views1 answer
Check type of object typescript
TypeScript
0 vote348 views1 answer
AFTER RESETTING ANGULAR FORM I AM GETTING RED INVALID FORM
TypeScript
7 votes292 views2 answers
Firestore increment field
TypeScript
2 votes367 views1 answer
No suitable injection token for parameter 'path' of class 'BaseModel'
TypeScript
0 vote310 views1 answer
Python unix get 5 minuts from now
TypeScript
0 vote305 views1 answer
Typescript doesn't know type of HTML element
TypeScript
0 vote336 views1 answer
Not working npx react-native init MyApp --template react-native-template-typescript
TypeScript