Why is my Angular CLI Creating CSS instead of SCSS Files?

Question

Prior to updating to Angular 9, my project was configured to use SCSS when the ng generate command was run, and indeed it did.

Much to my dismay, after running my first ng g c on Angular 9, it added a css file rather than a scss file.

The accepted answer to this does not appear to work any longer. My angular.json includes the following (as it has for the past two years):

  "schematics": {
    "@schematics/angular:component": {
      "styleext": "scss"
    }
  },

How do I fix this?

styleext is now deprecated, you should use style instead. — C.OG
– C.OG, Commented Apr 12, 2020 at 16:09

Sayooj V R · Accepted Answer · 2020-04-12 16:06:34Z

14

Please try like this.

In angular.json, set "schematics" as below to default scss when generate new component

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

answered Apr 12, 2020 at 16:06

Sayooj V R

2,3652 gold badges14 silver badges23 bronze badges

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

1 Comment

StW Over a year ago

If it still doesn't work check if you have other schematics configured that overrule the angular default ones, like rxjs, ngxs, cypress, ... You need to use the appropriate package then, e.g. @cypress/schematic:component instead of @schematics/angular:component see also stackoverflow.com/a/57178153

afriedman111 · Accepted Answer · 2021-06-12 01:17:32Z

8

I recently upgraded my Angular CLI to v12 and generated a new project. I opted to generate scss files for new components. After creating a component, I saw that css files were being generated, not scss files. I ran the below command and now when I generate a new component, the scss file is created and not css.

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

answered Jun 12, 2021 at 1:17

afriedman111

2,4715 gold badges30 silver badges58 bronze badges

Collectives™ on Stack Overflow

Why is my Angular CLI Creating CSS instead of SCSS Files?

2 Answers 2

1 Comment

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related