La estructura de directorios de los miniprogramas WeChat generalmente incluye las siguientes partes principales:
Esta es la estructura de directorios de un subprograma típico de WeChat. Los proyectos específicos pueden tener algunos cambios, pero generalmente contienen archivos y carpetas principales similares. Los desarrolladores de miniprogramas necesitan organizar el código y los recursos del proyecto de acuerdo con esta estructura.
-
app.js : el archivo de entrada principal del miniprograma, utilizado para definir la configuración global del miniprograma, incluidas las funciones del ciclo de vida, variables globales, etc.
-
app.json : el archivo de configuración global del miniprograma, incluida la información de configuración global del miniprograma, como la ruta de la página, el rendimiento de la ventana, la barra de pestañas inferior, el tiempo de espera de la red, etc.
-
app.wxss : El archivo de estilo global del miniprograma, que define el estilo global del miniprograma, y generalmente incluye algunos estilos básicos y estilos públicos.
-
project.config.json (opcional): el archivo de configuración del proyecto de las herramientas de desarrollo, incluidas algunas configuraciones relacionadas con las herramientas de desarrollo, como la configuración del proyecto, la configuración del nombre de dominio, etc.
-
Carpeta de páginas : almacena los archivos de páginas del subprograma. Cada página suele contener los siguientes archivos:
-
Archivo .js : el archivo lógico de la página, incluidas las funciones del ciclo de vida de la página, el procesamiento de eventos, etc.
-
Archivo .json : archivo de configuración de la página, incluido el título de la página, el estilo de la barra de navegación, los parámetros de la página, etc.
-
Archivo .wxml : el archivo de estructura de la página, utilizado para definir la estructura de diseño de la página.
-
Archivo .wxss : el archivo de estilo de la página, utilizado para definir el estilo de la página.
Ejemplo de estructura de directorio de página:
pages/ └── index/ ├── index.js ├── index.json ├── index.wxml ├── index.wxss -
-
Carpeta de imágenes (opcional): almacena los recursos de imágenes utilizados en el mini programa.
-
Carpeta utils (opcional): almacena algunas clases de utilidades o archivos de funciones públicas para su reutilización en miniprogramas.
-
Carpeta de componentes (opcional): almacena componentes personalizados del mini programa, que se utilizan para implementar la modularización y reutilización de la página.
-
Carpeta estática (opcional): almacena algunos archivos de recursos estáticos, como audio, video, etc.
-
Carpeta miniprogram_npm (opcional): se utiliza para almacenar paquetes npm utilizados por los mini programas. Esta carpeta se generará cuando se introduzca una biblioteca de terceros en el proyecto del mini programa.
-
-
Al crear una página, cree la página que desea usar directamente en app.json .
