Separate CSS-Datei für jede angular2-Komponente beeinflusst die Leistung der Seite?

Question

Alle Guides über Angular2 schlagen vor, eine separate Datei für CSS-Styling für jede Komponente zu haben. Wie ich bisher gesehen habe, müssen für jede benutzerdefinierte Anweisung Anforderungen an den Server gestellt werden, um den HTML- und CSS-Code für diese Direktive (Komponente) zu erhalten. Wenn dies der Fall ist, welche Auswirkungen hat die Leistung auf die Seite, wenn mehrere Anforderungen für mehrere Direktiven gestellt werden? Gibt es einen anderen empfohlenen Weg?

Answer 1

Das gilt nur während der Entwicklung. Ein Build-Schritt (der gerade ausgeführt wird) verknüpft Ressourcen und generiert Code für deklarative Bindungen. Am Ende wird es nur eine minimale Anzahl von Anfragen geben.

Einige verwandte Themen:

• https://github.com/angular/angular/issues/8717
• https://github.com/angular/angular/issues/8550
• https://github.com/angular/angular/issues/8759
• https://github.com/angular/angular/pull/8097
• https://github.com/angular/angular/issues/6612#issuecomment-175894674
• https://github.com/angular/angular/pull/8400