Angular uses scss Syntax of sass, angularsassscss

Angular uses scss Syntax of sass, angularsassscss

I. symptom:

Simplified Style

 

Ii. solution:

1. Install sass using npm (if npm is not available, install sass first)

(1) npm install node-sass -- save-dev

(2) npm install sass-loader -- save-dev

2. Modify the. angular-cli.json File

Put the original:

"Defaults ":{
"StyleExt": "css ",
"Component ":{}
}

To:

"Defaults ":{
"StyleExt": "scss ",
"Component ":{}
}

There is also a default public style (all style sheets used are. scss suffixes). The table suffix is changed to. scss (correct, that is, to. scss suffix, not sass)

 

Iii. Summary:

Do not use. sass for the style sheet suffix. scss