Diseño de directorio de la aplicación
Consulte las tablas de este tema para conocer el diseño de directorio de la aplicación.
| Directorio/Archivo | Finalidad |
|---|---|
| src/app | Contiene los archivos de componente en los que se definen la lógica y los datos de la aplicación. El rol de AppModule es arrancar la aplicación Angular y proporcionar la toma de alimentación del direccionador de nivel raíz. |
| src/app/app-shell | El módulo AppShell es responsable de inicializar los servicios principales de la aplicación después del inicio de sesión y la navegación a la página de inicio. También proporciona un contenedor donde se cargan los módulos de todas las características. |
| src/app/core | CoreModule contiene servicios singleton, componentes globales y otras características que requieren una instancia por aplicación. CoreModule se importa una vez en AppModule.Nota: los archivos de CoreModule no se deben ampliar. Si hay un requisito para ampliar los archivos principales, emita un caso con el equipo de soporte de IBM . |
| src/app/features | Contiene los módulos de características de la aplicación. |
| src/app/features/utilities | La carpeta de programas de utilidad contiene métodos de programa de utilidad comunes para distintas entidades como, por ejemplo, pedidos, envíos y otros utilizados en la aplicación. Estos archivos de servicio de programa de utilidad no se deben ampliar. |
| src/app/login | LoginModule contiene componentes y servicios relacionados con el inicio y cierre de sesión de la aplicación. |
| src/app/shared | SharedModule contiene los componentes, directivas y proveedores compartidos.Nota:
|
| src/assets | Contiene los archivos de traducción, archivos de estilo y otros archivos de activos que se copian tal cual cuando se crea la aplicación. |
| src/assets/store-frontend/i18n | Contiene los archivos de traducción (JSON). Cada módulo mantiene su propio archivo de traducción específico del entorno local o idioma. |
| src/assets/styles/store-frontend/styles | Contiene los estilos globales como archivos de iconos de font, parciales e iconos de glifo para el proyecto. |
| src/assets/styles/store-frontend/styles/bootstrap-sass/_variables.scss | Contiene las definiciones estándar de colores, tamaño de font, familia de fonts y otros valores que se utilizan en toda la aplicación. |
| src/assets/store-frontend/styles/fonts/* | Contiene archivos relacionados con el icono de font. |
| src/assets/store-frontend/styles/_glyphicons.scss | Contiene el CSS de los iconos de font. |
| src/styles.scss | Importa todos los archivos SCSS parciales para aplicar su estilo a la aplicación. |
| Directorio/Archivo | Finalidad |
|---|---|
| store-extensions-src/app | Contiene los archivos de componentes de personalización o extensión. |
| store-extensions-src/app/store-customization-impl.ts | El archivo de definición de extensiones donde se actualiza el valor de la propiedad adecuada con el nombre de los componentes, servicios y rutas de módulo cargadas débiles recién añadidas. |
| store-extensions-src/assets | Contiene los archivos de traducción, archivos de estilo y otros archivos de activos que se copian tal cual cuando se crea la aplicación. |
| store-extensions-src/assets/store-frontend/i18n | Contiene los archivos de traducción ampliados/recién añadidos para los módulos existentes y los módulos recién añadidos respectivamente. |
| store-extensions-src/assets/styles/store-frontend/styles | Contiene el SCSS personalizado y los archivos parciales. |
| store-extensions-src/assets/store-frontend/styles/_variables_extn.scss | Contiene propiedades SCSS alteradas temporalmente y propiedades SCSS personalizadas utilizadas en componentes personalizados. |
| store-extensions-src/styles_extn.scss | Importa el archivo SCSS parcial personalizado para aplicar el estilo personalizado a la aplicación. |
| Directorio | Finalidad |
|---|---|
| store-app-build | Contiene el código fuente fusionado de los archivos proporcionados por la aplicación (src) y los archivos de personalización (store-extensions-src). Aviso: Esta es una carpeta de Sólo vista . No debe renombrar ni modificar el contenido de esta carpeta durante la personalización.
|
Para evitar visualizar o modificar accidentalmente los archivos o el contenido de la carpeta store-app-build , debe realizar lo siguiente
- Oculte esta carpeta para que no aparezca en el Explorador de archivos de IDE.
- Excluir esta carpeta y su contenido en las búsquedas.
En Mac:
- Vaya a
- Busque Archivos: Excluir y, a continuación, pulse Añadir patrón. Añada **/store-app-build y, a continuación, pulse Aceptar.
- Busque Buscar: Excluir y, a continuación, pulse Añadir patrón. Añada **/store-app-build y, a continuación, pulse Aceptar.
En Windows:
- Vaya a
- Busque Archivos: Excluir y, a continuación, pulse Añadir patrón. Añada **/store-app-build y, a continuación, pulseAceptar.
- Busque Buscar: Excluir y, a continuación, pulse Añadir patrón. Añada **/store-app-build y, a continuación, pulse Aceptar.
Nota: Estos pasos sólo son aplicables si utiliza Microsoft Visual Studio Code como IDE. Para cualquier otro IDE, asegúrese de que realiza pasos similares.