Dieser Artikel vermittelt Ihnen relevantes Wissen über uniappdomänenübergreifend. Er stellt Probleme im Zusammenhang mit der Untervergabe von Uniapp- und Miniprogrammen vor. Jedes Miniprogramm, das Untervergabe verwendet, muss ein Hauptpaket enthalten. Im sogenannten Hauptpaket werden die Standard-Startseite/TabBar-Seite sowie einige öffentliche Ressourcen/JS-Skripte platziert, die alle Unterpakete verwenden müssen, während die Unterpakete hoffentlich entsprechend der Konfiguration des Entwicklers unterteilt sind es wird für alle hilfreich sein.
Empfehlung: „uniapp-Tutorial“
1. Miniprogramm-Unterverpackung
Jedes Miniprogramm, das Unterverpackungen verwendet, muss ein Hauptpaket enthalten. Im sogenannten Hauptpaket wird die Standard-Startseite/TabBar-Seite platziert, und einige öffentliche Ressourcen/JS-Skripte sind für alle Unterpakete erforderlich, während Unterpakete entsprechend der Konfiguration des Entwicklers unterteilt sind.
Wenn das Miniprogramm gestartet wird, wird standardmäßig das Hauptpaket heruntergeladen und die Seite im Hauptpaket gestartet. Wenn der Benutzer eine Seite im Unterpaket aufruft, lädt der Client das entsprechende Unterpaket herunter Zeigen Sie es an, nachdem der Download abgeschlossen ist
Derzeit gelten für die Unterpaketgröße des Miniprogramms die folgenden Einschränkungen:
- Die Größe aller Unterpakete des gesamten Miniprogramms darf 20 MB nicht überschreiten
- Die Größe eines einzelnen Unterpakets -Paket/Hauptpaket darf 2 Mio. nicht überschreiten
Die Untervergabe des Miniprogramms kann die anfängliche Downloadzeit des Miniprogramms optimieren und die Zusammenarbeit besser entkoppeln, wenn mehrere Teams gemeinsam entwickeln.
Klicken Sie hier direkt, um das offizielle Tutorial zur Unterauftragsvergabe anzuzeigen, das leicht zu verstehen ist
2 Uniapp-Applet zur Untervergabe von Unteraufträgen
App verwendet standardmäßig das gesamte Paket. Kompatibel mit der Unterauftragskonfiguration von Miniprogrammen. Sein Zweck besteht nicht darin, Downloads zu beschleunigen, sondern den Start zu beschleunigen, wenn die Homepage vue ist.
Dies ist die Verzeichnisstruktur, nachdem ich das Applet untervergeben habe
- Komponenten: öffentliche Komponenten (zur Referenz durch das Hauptpaket)
- page_ gefolgt von Pinyin sind alle Unterverträge
- Komponenten im Unterpaket sind einzelne Komponenten des Pakets Eigenes Komponentenverzeichnis und Verweise auf untergeordnete Vue-Seiten können nur im eigenen untergeordneten Verzeichnis page_zhaoshang referenziert werden.
- pages ist das Hauptpaket, das Startseiten/TabBar-Seiten enthält
Schritte zur Unterauftragsvergabe:- 1. Konfigurieren Sie manifest.json
"mp-weixin": {
"optimization":{"subPackages":true}
}Nach dem Login kopieren
Optimierungsuntervergabe: 
Fügen Sie "optimization" unter der Konfiguration der entsprechenden Plattform (manifest.json) hinzu:{"subPackages": wahrUnterpaketoptimierung aktivierenUnterstützt derzeit nur die Unterauftragsoptimierung von mp-weixin, mp-qq, mp-baidu
"optimization":{"subPackages":true}开启分包优化
目前只支持mp-weixin、mp-qq、mp-baidu的分包优化
- 静态文件：分包下支持 static 等静态资源拷贝，即分包目录内放置的静态资源不会被打包到主包中，也不可在主包中使用
- js文件：当某个 js 仅被一个分包引用时，该 js 会被打包到该分包内，否则仍打到主包（即被主包引用，或被超过 1 个分包引用）
- 自定义组件：若某个自定义组件仅被一个分包引用时，且未放入到分包内，编译时会输出提示信息
2.配置pages.json
在pages.json中新建数组"subPackages"，数组中包含两个参数：1.root：为子包的根目录，2.pages：子包由哪些页面组成，参数同pages；
注意：主包和分包是不能再同一目录下，在构建uniapp项目时，可以考虑一下目录结构，以便后期进行分包；
3.分包预载配置（preloadRule）
做这一步主要为了优化速度，不想优化速度的可以跳过这个配置
配置preloadRule后，在进入小程序某个页面时，由框架自动预下载可能需要的分包，提升进入后续分包页面时的启动速度
preloadRule 中，key 是页面路径，valueStatische Dateien: Unterstützt das Kopieren statischer Ressourcen wie z. B. statischer Ressourcen im Unterauftragsverzeichnis. Das heißt, statische Ressourcen, die im Unterauftragsverzeichnis abgelegt werden, werden nicht in das Hauptpaket gepackt und können auch nicht im Hauptpaket verwendet werden Ein JS wird nur von einem Unterpaket referenziert, das JS wird in das Unterpaket gepackt, andernfalls wird es weiterhin im Hauptpaket gepackt (d. h. vom Hauptpaket referenziert oder von mehr als einem Unterpaket referenziert).
Benutzerdefinierte Komponente: Wenn eine benutzerdefinierte Komponente nur von einem Unterpaket referenziert und nicht im Unterpaket platziert wird, wird während der Kompilierung eine Eingabeaufforderungsmeldung ausgegeben
| 2. Konfigurieren Sie „pages.json“ |
Erstellen Sie ein neues im „pages.json“-Array „subPackages“ enthält das Array zwei Parameter: 1.root: das Stammverzeichnis des Unterpakets, 2.pages: aus welchen Seiten das Unterpaket besteht, die Parameter sind die gleichen wie bei „pages“; |
Hinweis: Hauptpaket und Unterpaket dürfen nicht im selben Verzeichnis liegen. Beim Erstellen des Uniapp-Projekts können Sie die Verzeichnisstruktur für die spätere Unterauftragsvergabe berücksichtigen. |
|
| 3. Vorladekonfiguration für Unterauftragnehmer (preloadRule)
Dieser Schritt dient hauptsächlich der Optimierung die Geschwindigkeit. 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 Unterpakete herunter, die möglicherweise zur Verbesserung erforderlich sind die Startgeschwindigkeit beim Aufrufen nachfolgender Unterpaketseiten |
preloadRule , key ist der Seitenpfad, value ist die vorab heruntergeladene Konfiguration zum Aufrufen dieser Seite Jede Konfiguration hat die folgenden Elemente: |
|
Feld |
Typ |
Erforderlich
| Standardwert |
Beschreibung |
|
|
Pakete |
StringArray
ist 🎜🎜Keine🎜🎜Die Wurzel oder der Name von das vorab heruntergeladene Unterpaket nach Aufruf der Seite. __APP__ stellt das Hauptpaket dar. 🎜🎜🎜🎜Netzwerk🎜🎜String🎜🎜Nein🎜🎜WLAN🎜🎜Vor dem Download unter dem angegebenen Netzwerk sind die optionalen Werte: alle (nicht auf Netzwerk beschränkt), WLAN (nur vor dem Download unter WLAN)🎜🎜 🎜🎜
App-Unterauftragsvergabe unterstützt auch preloadRule, aber die Netzwerkregeln sind ungültig.
Beispiel:
Klicken Sie abschließend, um das offizielle Uniapp-Dokument aufzurufen und die Konfigurationselemente anzuzeigen.
Empfohlen: „uniapp-Tutorial“
Das obige ist der detaillierte Inhalt vonBringen Sie Ihnen Schritt für Schritt bei, wie Sie Uniapp- und Mini-Programme an Subunternehmer vergeben (Bilder und Text).. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
