angular-cli: Generate(component): Does not default to SCSS when specified in `.angular-cli.json`

Bug Report or Feature Request (mark with an `x`)

- [x] bug report -> please search issues before submitting
- [ ] feature request

Versions.

Repro steps.

Run ng g c foo

The log given by the failure.

No failure

Desired functionality.

Result: foo.component.css Expected Result: foo.component.scss

Mention any other details that might be useful.

.angular-cli.json Example:

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

About this issue

Original URL
State: closed
Created 7 years ago
Reactions: 30
Comments: 28 (1 by maintainers)

Most upvoted comments

You can use flag ng g c foo --style=scss

+26

lubkoKuzenko on Sep 8, 2017

“schematics”: { “@schematics/angular:component”: { “spec”: false, “styleext”: “scss” }, instead of “schematics”: { “@schematics/angular:component”: { “spec”: false, “styleExt”: “scss” }

+13

AhmedYousseff on Jul 11, 2018

@Jrb1x Use --styleext=scss instead of --style=scss,

Reboog711 on Aug 10, 2018

You can use flag ng g c foo --style=scss

But why is not documented? https://github.com/angular/angular-cli/blob/master/docs/documentation/generate/component.md And why styleExt: scss doesn’t work?

frizar on Sep 8, 2017

When I use this one: http://prntscr.com/lt11a8 (I use ngrx also) Problem has been solved

DmitriyIvanko on Dec 10, 2018

Maybe I’m wrong. But I do not understand why this bug is closed. It definitely does not work in the latest version (Angular CLI 6.0.3).

DmitriyIvanko on Jul 26, 2018

I see that the app prefix is now being generated in v1.4.2 via bc58afe #7522 but the styleExt default is still not working.

timdoes on Sep 14, 2017

Experiencing this with 1.4.1 as well.

zackarychapple on Sep 10, 2017

Same problem with 1.4.2

marekdon on Sep 19, 2017

Working fine for me on v7.3.8. If you run ng new test1 --style=scss you’ll notice ng g component blah creates with .scss.

Here is the minimum angular.json I found that works:

{
  "$schema": "./node_modules/@angular/cli/lib/config/schema.json",
  "version": 1,
  "newProjectRoot": "projects",
  "projects": {
    "myproj": {
      "root": "",
      "sourceRoot": "src",
      "projectType": "application",
      "prefix": "app",
      "schematics": {
        "@schematics/angular:component": {
          "style": "scss"
        }
      }
    }
  },
  "defaultProject": "myproj"
}

rynop on May 1, 2019

Same problem with 6.0.3

SvenBudak on Jun 9, 2018

I have the same problem with 6.0.0-rc.3

garysui on Apr 12, 2018

I also just noticed that my specified default “prefix” is not working either.

@lubkoKuzenko You are correct, the individual flags still work but this bug report is for the .angular-cli.json file defaults not working.

timdoes on Sep 8, 2017

@rynop Thank you so much . The change in the “schematics” in angular.json makes the angular-cli adhere to the rule atleast in angular 8

vijayakumar-psg587 on Sep 5, 2019