Unable to get .scss instead of .css while generating new angular components

Question

I want .scss files to get generated when i create new components through angular cli, but i am get .css files. Tried adding defaults

"defaults": {   
     "styleExt": "scss", 
}

in angular.json but it did not work. I am working on latest version i.e Angular 6. Anyone knows how to get this ?

you need to add that in .angular-cli.json (root folder of your angular project) and not in angular.json. — Ratan, Apr 14 '18 at 14:05
I am on angular 6. it doesn't have angular-cli.json, i can see only angular.json for configurations. — pooja patil, Apr 14 '18 at 14:14
Possible duplicate of [Angular-cli from css to scss](https://stackoverflow.com/questions/40726081/angular-cli-from-css-to-scss) — T04435, Apr 14 '18 at 16:03
also they changed the name (in v5.0 i think) to `.angular-cli.json` — jenson-button-event, Apr 15 '18 at 01:17
Also tried -> ng config defaults.styleExt=scss and ng set defaults.styleExt=scss --------- which is giving error — pooja patil, Apr 15 '18 at 06:25

score 12 · Accepted Answer · edited May 17 '21 at 08:23

12

It's not like previous versions,

"defaults": {   
     "styleExt": "scss", 
}

You need to replace the above lines with below code.

"schematics": {
    "@schematics/angular:component": {
      "style": "scss"
    }
  }

You can easily set the style while creating the project with below code.

ng new project_name --style=scss

edited May 17 '21 at 08:23

Christian Davén

answered Apr 21 '18 at 20:32

Sachin

1 Answers1