What are the various Angular CLI SASS options?

1.0K    Asked by VanessaMarshall in Python , Asked on Feb 2, 2020
Answered by Vanessa Marshall

When you are creating your project with angular cli try this:

ng new My_New_Project --style=sass

This generates all your components with predefined sass files.

If you want scss syntax create your project with:

ng new My_New_Project --style=scss

If you are changing your existing style in your project

ng set defaults.styleExt scss

Cli handles the rest of it.

For Latest Versions

For Angular 6 to set new style on existing project with CLI:

ng config schematics.@schematics/angular:component.styleext scss

Or directly into angular.json:

"schematics": {

  "@schematics/angular:component": {

  "styleext": "scss"



Your Answer


Parent Categories