2
Ich habe Browser-Sync und ich bin in der Lage, das CSS in meinen Stylesheets dynamisch zu injizieren und zu ändern, die im Stamm meiner Anwendung gehostet werden und nicht direkt von eckig verwaltet werden. Dies erfordert kein erneutes Laden.Ist es möglich, sass/css Updates für eckige 2 Komponenten mit Browser-Sync zu injizieren?
Allerdings werden alle meine eckigen styleUrls nicht aktualisiert, wenn ich Änderungen vornehme, es sei denn, ich manuell neu laden.
Ich stelle fest, dass Angular die Stile in das Element <head> einbettet und dies ist wahrscheinlich der Grund, warum es nicht wirklich neu geladen wird.
Gibt es einen Weg um dies mit Browser-Sync oder anderen Techniken zu umgehen?
Eine Problemumgehung ist es, alle Stile in die Kopfzeile zu verschieben – AngJobs
Das ist wahrscheinlich nicht möglich, weil Angular den Bereich des css, der mit 'styles' /' styleUrls' injiziert wurde, berechnen und anwenden muss, zusammen mit '
'. Es sei denn, es ist möglich, Angular dazu zu veranlassen oder Angular selbst zu imitieren. Wie auch immer, Sie können 'browserSync' konfigurieren, um die App jederzeit bei css change neu zu laden. –Ich warte, bis es einige Antworten gibt, die spezifisch für die Browser-Synchronisation sind ... aber meine Lösung war, meinen Build-Prozess von gulp & browser-sync zu webpack mit webpack-dev-server und seinem Hot Module Reloading umzustellen. Sobald Sie es eingerichtet haben, ist es ziemlich ordentlich und macht genau das, wonach ich suche. Es lässt Sie nicht nur css injizieren, ohne die Seite zu aktualisieren, sondern auch HTML und Javascript, was sehr cool ist. – twilliams