Lernen Sie, wie Sie Uniapps und Miniprogramme (Bilder und Text) untervergeben

1. Subunternehmer für Miniprogramme

Jedes Applet, das Unterpakete verwendet, muss ein Hauptpaket enthalten. Das sogenannte Hauptpaket ist der Ort, an dem die Standard-Startseite/TabBar-Seite platziert wird, sowie einige allgemeine Ressourcen/JS-Skripte, die von allen Unterpaketen benötigt werden; und die Unterpakete sind entsprechend der Konfiguration des Entwicklers aufgeteilt.

Wenn das Miniprogramm gestartet wird, wird standardmäßig das Hauptpaket heruntergeladen und die Seite im Hauptpaket gestartet. Wenn der Benutzer eine Seite in einem Unterpaket aufruft, lädt der Client das entsprechende Unterpaket herunter und zeigt es nach Abschluss des Downloads an.

Derzeit unterliegt die Größe eines Miniprogramm-Unterpakets den folgenden Beschränkungen:

• Die Größe aller Unterpakete des gesamten Miniprogramms überschreitet nicht 20 MB
• Die Größe eines einzelnen Unterpakets/Hauptpakets darf 2 MB nicht überschreiten.

Durch die Unterpaketierung des Miniprogramms kann die Downloadzeit beim ersten Start des Miniprogramms optimiert und die Zusammenarbeit besser entkoppelt werden, wenn mehrere Teams gemeinsam entwickeln.

Klicken Sie hier, um das offizielle Subpackaging-Tutorial anzusehen, das leicht verständlich ist

2. Uniapp Subunternehmer-Applet

Die Standardeinstellung für die App ist das gesamte Paket. Kompatibel mit der Unterpaketkonfiguration von Miniprogrammen. Sein Zweck besteht nicht darin, das Herunterladen zu beschleunigen, sondern den Start zu beschleunigen, wenn die Homepage angezeigt wird.

Dies ist die Verzeichnisstruktur, nachdem ich das Applet unterverpackt habe

• Komponenten: öffentliche Komponenten (als Referenz für das Hauptpaket)
• Page_ gefolgt von Pinyin ist ein Unterpaket
• Die Komponenten im Unterpaket sind die Komponentenverzeichnisse eines einzelnen Unterpakets. Auf die Referenz der Vue-Seite des Unterpakets kann nur in ihrem eigenen Unterpaketverzeichnis page_zhaoshang verwiesen werden.
• Pages ist das Hauptpaket, das die Startseite/TabBar-Seite enthält
• „Statisch“ enthält öffentliche statische Ressourcen, beispielsweise Bilder.
  

Schritte zur Untervergabe:

1. Manifest.json konfigurieren

"mp-weixin": {

"Optimierung":{"Unterpakete":true}

}

Optimieren Sie die Vergabe von Unteraufträgen:

Fügen Sie der entsprechenden Plattformkonfiguration (manifest.json) "optimization":{"subPackages":true} hinzu, um die Unterpaketoptimierung zu aktivieren.

Unterstützt derzeit nur die Unterpaketoptimierung von mp-weixin , mp-qq und mp-baidu

• Statische Dateien: Das Unterpaket unterstützt das Kopieren statischer Ressourcen wie statischer Ressourcen. Das heißt, die im Unterpaketverzeichnis abgelegten statischen Ressourcen werden nicht in das Hauptpaket gepackt und können auch nicht im Hauptpaket verwendet werden.
• js-Datei: Wenn auf eine js-Datei nur von einem Unterpaket verwiesen wird, wird sie in das Unterpaket gepackt, andernfalls bleibt sie im Hauptpaket enthalten (d. h. sie wird vom Hauptpaket referenziert oder von mehr als einem Unterpaket referenziert).
• Benutzerdefinierte Komponenten: Wenn eine benutzerdefinierte Komponente nur von einem Unterpaket referenziert wird und nicht im Unterpaket platziert ist, wird während der Kompilierung eine Eingabeaufforderung ausgegeben
  

2. Konfigurieren Sie pages.json

Erstellen Sie ein neues Array „subPackages“ in pages.json. Das Array enthält zwei Parameter: 1.root: das Stammverzeichnis des Unterpakets, 2.pages: aus welchen Seiten das Unterpaket besteht, die Parameter sind dieselben wie bei Seiten;

Hinweis: Das Hauptpaket und das Unterpaket dürfen sich nicht im selben Verzeichnis befinden. Beim Erstellen eines Uniapp-Projekts können Sie die Verzeichnisstruktur berücksichtigen, um später Unterpakete zu erleichtern.

3. Unterpaket-Vorladekonfiguration (preloadRule)

Dieser Schritt dient hauptsächlich der Geschwindigkeitsoptimierung. Wenn Sie die Geschwindigkeit nicht optimieren möchten, können Sie diese Konfiguration überspringen.

Nach der Konfiguration von preloadRule lädt das Framework beim Aufrufen einer bestimmten Seite des Miniprogramms automatisch die möglicherweise benötigten Unterpakete vorab herunter, wodurch die Startgeschwindigkeit beim Aufrufen der nachfolgenden Unterpaketseiten verbessert wird.

In preloadRule ist der key der Seitenpfad, value die Vordownloadkonfiguration zum Aufrufen dieser Seite und jede Konfiguration weist die folgenden Elemente auf:

App-Subpaketierung unterstützt auch PreloadRule, aber Netzwerkregeln sind ungültig.

Beispiel:

Klicken Sie abschließend, um das offizielle Uniapp-Dokument aufzurufen und die Konfigurationselemente anzuzeigen

Dies ist das Ende dieses Artikels, der Ihnen Schritt für Schritt die Vergabe von Uniapp- und Miniprogrammen (mit Bildern und Text) beibringt. Weitere relevante Inhalte zu Uniapp- und Miniprogrammen finden Sie in früheren Artikeln auf 123WORDPRESS.COM oder in den verwandten Artikeln weiter unten. Ich hoffe, dass jeder 123WORDPRESS.COM in Zukunft unterstützen wird!