Using scss files in @angular/CLI project

If you create a project with ANGULAR-CLI your style files want to use SCSS, and let ng serve automatically compile them

You can use NG new Sassy-project when creating a project--style=sass

or modify your existing project with NG set Defaults.styleext scss

And then modify the. Angular-cli.json

"Styles": [
"Styles.css"//"STYLES.SCSS"
]

And the scss used inside the component.

Rerun the ng serve command, and the Scss file can be used directly in our angular project.

Using scss files in @angular/CLI project