Die Frage bezieht sich auf das Webpack. Nach dem Paketieren von fast allem in ein einzelnes bundle.js, das in index.html geladen wird, ist die Datei bundle.js etwa 2M groß und benötigt einige Sekunden zum Laden.
Ich möchte einen Fortschrittsbalken anzeigen, der den Ladevorgang anzeigt, während der gesamte Inhalt ausgeblendet wird. Aktivieren Sie nur die Benutzerinteraktion und zeigen Sie den Inhalt nach dem Laden an, genau wie in Google Mail.
Ist es möglich, webpack dafür zu verwenden? Wie?
Danke!
Seit Herunterladen die Quelle von JS und Anhängen an die DOM könnte ziemlich schmerzhaft sein, würden Sie normalerweise jQuery.getScript(url [, success ]) verwenden. Sie können jedoch keine Fortschrittsfunktion für diesen Anruf festlegen.
Zum Glück für uns: Ссылка
Dies ist eine Kurzschrift-Ajax-Funktion, die äquivalent ist zu:
%Vor%
Und bei einem jQuery.ajax() Aufruf können wir eine Fortschrittsfunktion setzen.
Wir können den Fortschrittsprozentsatz berechnen, wenn der Server die Antwortgröße in http-Headern enthält. Ansonsten können wir nur die gesamten empfangenen Bytes bei jedem Fortschrittsereignis-Aufruf verwenden.
Tags und Links javascript webpack