Kleines Programm: uniapp löst das Problem, dass die vendor.js zu groß ist

1. Einführung in die Umwelt

uniapp + HBuilderX

2. Problembeschreibung

Beim Debuggen auf der realen Maschine wird angezeigt, dass die Paketübermittlung zu groß ist und der QR-Code nicht generiert werden kann, und es ist sogar unmöglich, den Code später hochzuladen

3. Optimierung der Codepaketgröße

Optimierung der Codepaketgröße | WeChat Open Documentation

3.1 Statische Ressourcen wie Bilder werden auf dem Server platziert, und das Applet verweist auf die Dateiadresse des Servers (wenn es viele Bilder gibt, spart es viel Volumen).
Das Projekt behält nur das Symbol der unteren Navigation.

3.2 Unterauftragsverarbeitung nach Geschäftsart (das Volumen eines einzelnen Pakets nimmt nach der Untervergabe schnell ab):

Unterpaket verwenden | WeChat Open Documentation

"optimization":{
    "subPackages":true
}

3.3. Code zur Laufzeit komprimieren (das Volumen wird stark reduziert, und das Testprojekt wird um mehr als 400 kb reduziert)

 

Vor der Komprimierung:

 Nach diesen Schritten hat das Codevolumen erreicht:

Mit weniger als 2 Millionen kann der Code bereits einen QR-Code zum Anzeigen, Debuggen und Hochladen generieren 

3.4. Überprüfen Sie diese Punkte:

3.5. Nach der Überprüfung wird es hier weitergegeben:

manifest.json konfiguriert On-Demand-Injection:

"lazyCodeLoading": "requiredComponents"

Nachdem die Konfiguration hier bestanden wurde 

 

3.6 Der wichtige Punkt ist, nutzlosen Code rechtzeitig zu bereinigen 

3.7. Nach dem Packen des Codes wird beim Hochladen angezeigt, dass die Größe des Codes das Limit überschreitet. Schließen Sie zu diesem Zeitpunkt das WeChat-Entwicklungstool, öffnen Sie es erneut und laden Sie es hoch. Der Upload war erfolgreich. Es gab viele ähnliche Situationen später.

4. Willkommen zum Austausch und zur Korrektur, achten Sie auf mich und lernen Sie gemeinsam 

5. Referenzlink:

Lösen Sie das Problem, dass die Datei „Vendor.js“ zu groß ist

Vue-Paketoptimierungslösung (um das Problem einer zu großen Vendor.js-Datei zu lösen)_Huanghe Ailang's Blog-CSDN Blog_vendor.js

Vue-Paketoptimierungslösung (um das Problem einer zu großen Vendor.js-Datei zu lösen)_Huanghe Ailang's Blog-CSDN Blog_vendor.js

https://www.jb51.net/article/164542.htm

Uni-App-Projektvendor.js zu große Verarbeitungsmethode - Kurzes Buch

Wie kann ich das uniapp-Applet untervergeben? Vollständige und detaillierte Schritte zum Erlernen des Unterauftragsvergabe-Blogs von you_Mu Qing゚-CSDN blog_uniapp

Beheben Sie das Problem, dass die Datei "Vendor.js" nach dem Kompilieren von uni-app zu groß ist

So lösen Sie das Problem, dass die Datei "Vendor.js" nach dem Kompilieren von uni-app / Zhang Shengrong zu groß ist

Leitfaden zur Leistungsoptimierung des Miniprogramms | WeChat Open Community

uniapp-Applet ermöglicht On-Demand-Injektion von Komponenten „lazyCodeLoading“: „requiredComponents“_One Jin Code Blog-CSDN Blog

On-Demand-Injektion und zeitaufwändige Injektion | WeChat Open Documentation