Bug: Components are not generated with scss

[Karasuni]

Bug Report or Feature Request (mark with an x)

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

Versions.

@angular/cli: 1.4.1
node: 7.10.1
os: linux x64 (Bash on Ubuntu on Windows)

Repro steps.

When creating a new project:

ng new my-project --style=scss
ng g component my-component

=> create src/app/my-component/my-component.component.css (0 bytes)

Same with an existing project:

ng new my-project
ng set defaults.styleExt scss
ng g component my-component

=> create src/app/my-component/my-component.component.css (0 bytes)

Desired functionality.

The generate command should generate an .scss file instead of a .css file as mentioned in #1177

[shahzadhassan10]

+1

[cedvdb]

They should just make scss the default. All css is valid in scss but not vice versa.

[shahzadhassan10]

use ng new --style scss
instead of
use ng new --style=scss

[AhsanAyaz]

@Karasuni

The correct syntax is ng new --style scss.
Please try. That should work.
I just verified by updating to latest @angular/cli too. It works

[Karasuni]

@shahzadhassan10 Are you sure about that? I just generated a project using --style=scss and it had the flag in .angular-cli.json and generated the default styles.scss and app.component.scss correctly.

[AhsanAyaz]

@Karasuni you're right. --style=scss also generates the project with scss.
Give me a minute to verify the component thingy too.

[shahzadhassan10]

@Karasuni not sure what version of angular cli you are using. But I wasn't able to generate SASS with --style=scss in @angular/cli: 1.4.1

[AhsanAyaz]

@Karasuni verified. It is indeed a bug.
@shahzadhassan10 the bug is not that scss files aren't being generated on creating the project via ng new.
The bug is that when we're creating a component using ng generate component test-component, the style file created is not .scss, it is .css file.

[Karasuni]

$ ng new tmp3 --style scss
  create tmp3/README.md (1095 bytes)
  create tmp3/.angular-cli.json (1124 bytes)
  create tmp3/.editorconfig (245 bytes)
  create tmp3/.gitignore (516 bytes)
  create tmp3/src/assets/.gitkeep (0 bytes)
  create tmp3/src/environments/environment.prod.ts (51 bytes)
  create tmp3/src/environments/environment.ts (387 bytes)
  create tmp3/src/favicon.ico (5430 bytes)
  create tmp3/src/index.html (291 bytes)
  create tmp3/src/main.ts (370 bytes)
  create tmp3/src/polyfills.ts (2480 bytes)
  create tmp3/src/styles.scss (80 bytes)
  create tmp3/src/test.ts (1085 bytes)
  create tmp3/src/tsconfig.app.json (211 bytes)
  create tmp3/src/tsconfig.spec.json (304 bytes)
  create tmp3/src/typings.d.ts (104 bytes)
  create tmp3/e2e/app.e2e-spec.ts (286 bytes)
  create tmp3/e2e/app.po.ts (208 bytes)
  create tmp3/e2e/tsconfig.e2e.json (235 bytes)
  create tmp3/karma.conf.js (923 bytes)
  create tmp3/package.json (1309 bytes)
  create tmp3/protractor.conf.js (722 bytes)
  create tmp3/tsconfig.json (363 bytes)
  create tmp3/tslint.json (3040 bytes)
  create tmp3/src/app/app.module.ts (314 bytes)
  create tmp3/src/app/app.component.scss (0 bytes) <----- Correct!
  create tmp3/src/app/app.component.html (1075 bytes)
  create tmp3/src/app/app.component.spec.ts (986 bytes)
  create tmp3/src/app/app.component.ts (208 bytes)
Installing packages for tooling via npm.

$ cat .angular-cli.json | grep styleExt
    "styleExt": "scss",

$ ng g component my-comp
  create src/app/my-comp/my-comp.component.css (0 bytes)  <--- Sadface :(
  create src/app/my-comp/my-comp.component.html (26 bytes)
  create src/app/my-comp/my-comp.component.spec.ts (629 bytes)
  create src/app/my-comp/my-comp.component.ts (272 bytes)
  update src/app/app.module.ts (398 bytes)

[AhsanAyaz]

Duplicate of #7624