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
– Ratan, Commented Apr 14, 2018 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
– pooja patil, Commented Apr 14, 2018 at 14:14

Christian Davén · Accepted Answer · 2021-05-17 08:23:57Z

13

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

Christian Davén

18.5k13 gold badges71 silver badges79 bronze badges

answered Apr 21, 2018 at 20:32

Sachin

2,7831 gold badge21 silver badges36 bronze badges

Sign up to request clarification or add additional context in comments.

1 Answer 1