Flag to remove css files when generating component!

[IamManchanda]

Sorry for Duplicating but had no choice

---

I'm submitting an Advancement

Like many others i am a fan of global styles (ofcourse, if used correctly like BEMIT and i basically (quite surely like many others) don't like this below thing for my css unless needed

h3[_ngcontent-c0] {
  margin-top: 1rem;
  color: #0277bd;
}

I will instead use global styles by either using styles.css global file or using sass tools for my css so i basically delete my foo.component.css file and its declaration from a foo component and do it like this

.c-foo--title {
  margin-top: 1rem;
  color: #0277bd;
}

In short, just would like to separate my styling with Javascript and the HTML DOM!

So just want to know if is there any way (and if not can it be provided) to have a flag on not adding separate component styling css file when we generate a component from CLI!

Something like

$ ng g c --nocss foo

---

What is the motivation / use case for changing the behavior?

• BEMIT

Please tell us about your environment:

• Angular version: 4.0.X

• Language: TypeScript X.X

• Tool: CLI

[grizzm0]

I'm not sure if there's a way to completely skip style generation, but you can pass --inline-style or --is to prevent the file from being generated. This will instead create a style key in the component annotation.

You can make this the default behaviour by changing angular-cli.json.
See: https://github.com/angular/angular-cli/blob/master/packages/%40angular/cli/lib/config/schema.json

[sumitarora]

Closing as above.

[IamGiel]

i know this is closed. Please advise though as to how I would do the opposite. My current tech stack, does not allow for css to be created when using ng g c <mycomponent> it generates html, ts, and spec (which I omit using --spec=false). I would like it to have mycomponent.route.ts and mycomponent.css generated when using cli. Please advise - thanks

[StefanKern]

@grizzm0 it is -is ;)

[grizzm0]

@StefanKern Probably was --is two years ago.. :p

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}