Maison >interface Web >uni-app >En savoir plus sur les étapes de sous-traitance dans les programmes Uniapp et Mini

En savoir plus sur les étapes de sous-traitance dans les programmes Uniapp et Mini

青灯夜游
青灯夜游avant
2021-09-08 19:21:214892parcourir

Comment sous-traiter uniapp et mini programme ? L'article suivant vous donnera une compréhension détaillée des étapes de sous-traitance des programmes uniapp et mini. J'espère qu'il vous sera utile !

En savoir plus sur les étapes de sous-traitance dans les programmes Uniapp et Mini

1. Sous-traitance de mini programmes

Chaque mini programme qui utilise la sous-traitance doit contenir un package principal. Le soi-disant package principal est l'endroit où la page de démarrage/la page TabBar par défaut est placée, et certaines ressources publiques/scripts JS sont requis pour tous les sous-packages tandis que les sous-packages sont divisés en fonction de la configuration du développeur ;

Lorsque le mini-programme est démarré, le package principal sera téléchargé par défaut et la page du package principal sera lancée. Lorsque l'utilisateur entrera dans une page du sous-package, le client téléchargera le sous-package correspondant et. affichez-le une fois le téléchargement terminé

Actuellement, la taille du sous-package du mini programme est soumise aux restrictions suivantes :

La taille totale du sous-package du mini programme ne dépasse pas 20 M. La taille d'un seul sous-package/package principal ne peut pas dépasser 2M La sous-traitance des mini-programmes peut optimiser le temps de téléchargement pour le premier lancement du mini-programme et permettre un meilleur découplage et une meilleure collaboration lorsque plusieurs équipes développent ensemble.

Cliquez ici directement pour voir le tutoriel officiel de sous-traitance facile à comprendre :

https://developers.weixin.qq.com/miniprogram/dev/framework/subpackages/basic.html

2. uniapp Mini programme de sous-traitance

L'application par défaut est l'ensemble du package. Compatible avec la configuration en sous-traitance de mini programmes. Son but n'est pas d'accélérer les téléchargements, mais d'accélérer le démarrage lorsque la page d'accueil est vue. [Recommandations associées : "tutoriel uniapp"]

  • composants : composants publics (pour référence par le package principal)
  • page_ suivie de pinyin sont tous des sous-traitants
  • les composants d'un sous-paquet sont les propres répertoires de composants d'un sous-paquet individuel, les sous-traités La page vue ne peut être référencée que dans son propre répertoire sous-traité page_xxxx
  • pages est le package principal, qui contient la page de démarrage/la page TabBar
  • static contient des ressources statiques publiques et des classes d'images

Étapes de sous-traitance :

1. Configurer manifest.json

"mp-weixin": {
"optimization":{"subPackages":true}
}

En savoir plus sur les étapes de sous-traitance dans les programmes Uniapp et Mini

Optimiser la sous-traitance :

Ajouter "optimisation":{"sous-packages sous la configuration de la plateforme correspondante (manifest.json) ":true} Activer l'optimisation de la sous-traitance

Actuellement ne prend en charge l'optimisation de la sous-traitance que pour les fichiers mp-weixin, mp-qq et mp-baidu

  • Fichiers statiques : la copie de ressources statiques telles que statiques est prise en charge sous sous-traitance, c'est-à-dire placée dans le répertoire de sous-traitance. Les ressources statiques ne seront pas regroupées dans le package principal, et ils ne peuvent pas non plus être utilisés dans le package principal.
  • fichiers js : Lorsqu'un js n'est référencé que par un seul sous-package, le js sera empaqueté dans le sous-paquet, sinon il sera toujours empaqueté To. le package principal (c'est-à-dire référencé par le package principal, ou référencé par plus d'un sous-package)
  • Composant personnalisé : Si un composant personnalisé n'est référencé que par un seul sous-package et n'est pas placé dans le sous-package, lors de la compilation Un message d'invite sera affiché

2. Configurez pages.json

Créez un nouveau tableau "subPackages" dans pages.json Le tableau contient deux paramètres : 1.root : est le répertoire racine du sous-package. , 2.pages : de quelles pages se compose le sous-package, les paramètres sont les mêmes que les pages ;

Remarque : le package principal et le sous-package ne peuvent pas être dans le même répertoire. Lors de la construction du projet uniapp, vous pouvez considérer le. structure de répertoires pour un sous-packaging ultérieur

En savoir plus sur les étapes de sous-traitance dans les programmes Uniapp et Mini

3. Configuration du préchargement de sous-traitance (preloadRule)

Cette étape est principalement effectuée pour optimiser la vitesse. Si vous ne souhaitez pas optimiser la vitesse, vous pouvez ignorer cette étape. configuration

Après avoir configuré preloadRule, lors de la saisie d'une certaine page du mini-programme, le framework la préchargera automatiquement les sous-packages qui peuvent être nécessaires pour améliorer la vitesse de démarrage lors de la saisie des pages de sous-packages suivantes. est le chemin de la page et la valeur est la configuration de pré-téléchargement pour accéder à cette page. Chaque configuration comporte les éléments suivants :

Champ . packages représente le package principal. networkapp Subpackaging prend également en charge preloadRule, mais les règles réseau ne sont pas valides.
Type Obligatoire Valeur par défaut Description
StringArray is Aucun Le sous-package pré-téléchargé après être entré dans la page root 或 name__APP__
String No wifi Pré-téléchargement sous le réseau spécifié, les valeurs facultatives sont : all (non limité au réseau), wifi (uniquement pré-téléchargement sous wifi)

Vous pouvez consulter les éléments de configuration officiels :

https://uniapp.dcloud.io/collocation/pages?id=subpackages

Cet article est reproduit à partir de : https://juejin.cn/post/ 7003138257798037512

Pour plus de connaissances liées à la programmation, veuillez visiter :
Introduction à la programmation

 ! !

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer