subpaquete del subprograma de configuración uniapp, salto del sistema de enrutamiento

1. Subcontratación

Introducción:

En algunos casos, los desarrolladores necesitan dividir subprogramas en diferentes subpaquetes, empaquetarlos en diferentes subpaquetes durante la construcción y cargarlos según sea necesario cuando los usuarios los usen.

Al construir un proyecto de subpaquete de programa pequeño, la construcción generará uno o más subpaquetes. Cada applet de subpaquete debe contener un paquete principal.
El llamado paquete principal consiste en colocar la página de inicio/página TabBar predeterminada, y algunos subpaquetes deben usar recursos públicos/secuencias de comandos JS; y los subpaquetes se dividen según la configuración del desarrollador.

Cuando se inicia el subprograma, el paquete principal se descargará de manera predeterminada y se iniciarán las páginas del paquete principal. Cuando el usuario ingrese una página en el subpaquete, el cliente descargará el subpaquete correspondiente y lo mostrará una vez que se complete la descarga. .

Propósito: La subcontratación de programas pequeños puede optimizar el tiempo de descarga de los programas pequeños por primera vez y puede desacoplarse y colaborar mejor cuando varios equipos se desarrollan juntos.

paso:

En el proyecto, coloque las 4 páginas relacionadas con tabBar en el paquete principal y coloque otras páginas (por ejemplo: página de detalles del producto, página de lista de productos) en subpaquetes. En el proyecto uni-app, los pasos para configurar la subcontratación son los siguientes:

1. En el directorio raíz del proyecto, cree un directorio raíz de subpaquete llamado subpkg

2. En  pages.json ,  el pages nodo de declaración de ubicación al mismo nivel que el nodo  subPackages se utiliza para definir la estructura relacionada con la subcontratación:

{
  "pages": [
    {
      "path": "pages/home/home",
      "style": {}
    },
    {
      "path": "pages/cate/cate",
      "style": {}
    },
    {
      "path": "pages/cart/cart",
      "style": {}
    },
    {
      "path": "pages/my/my",
      "style": {}
    }
  ],
  "subPackages": [
    {
      "root": "subpkg",
      "pages": []
    }
  ]
}

2. Salto de enrutamiento

uniapp utiliza el sistema de enrutamiento del applet de WeChat, que se divide en dos tipos:

• Navegador de salto de etiqueta
• Programación Jump uni.navigateTo()

<!-- 1、标签方式跳转 -->
<navigator url="../details/details">跳转到详情页</navigator>
<!-- 2、编程方式跳转 -->
<button type="primary" @click="godetail">跳转到详情页</button>
 
<script>
export default {
  methods: {
    godetail(){
      //快捷方式：unav
      uni.navigateTo({
        url: '../details/details',
      });
    }
  }
};
</script>