Angular cli - output of component styles

Question

I'm using the angular cli with styles added to each component using the styleUrls link

When testing locally this seems to output <style> tags to the head of the document

Does Angular output a <style> tag for each component with style added with styleUrls

If it does is this locally or will this be the case in production.

ng build --prod and check what is built

Antoniossss
– Antoniossss

2018-09-11 10:29:20 +00:00
Commented Sep 11, 2018 at 10:29 — Antoniossss
– Antoniossss, Commented Sep 11, 2018 at 10:29
What does ng build --prod do

ttmt
– ttmt

2018-09-11 10:39:21 +00:00
Commented Sep 11, 2018 at 10:39 — ttmt
– ttmt, Commented Sep 11, 2018 at 10:39
Builds for production ??

Antoniossss
– Antoniossss

2018-09-11 10:45:06 +00:00
Commented Sep 11, 2018 at 10:45 — Antoniossss
– Antoniossss, Commented Sep 11, 2018 at 10:45

Eric Simonton · Accepted Answer · 2020-05-09 22:05:29Z

0

It does this in production as well, but only once for each type of component. E.g. if you have 100 components in an *ngFor, it will only insert the styles for them all once. This is how they scope styles to only apply to the elements within that component's template.

answered May 9, 2020 at 22:05

Eric Simonton

6,0693 gold badges42 silver badges56 bronze badges

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

Collectives™ on Stack Overflow

Angular cli - output of component styles

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related