Présentation du répertoire de l'application
Reportez-vous aux tableaux de cette rubrique pour comprendre la présentation des répertoires de l'application.
| Répertoire / Fichier | Fonction |
|---|---|
| src/app | Contient les fichiers de composant dans lesquels la logique d'application et les données sont définies. Le rôle de AppModule est d'Bootstrap de l'application Angular et de fournir la prise de routeur de niveau racine. |
| src/app/app-shell | Le module AppShell est chargé d'initialiser les services de base de l'application après la connexion et la navigation à la page d'accueil. Il fournit également un conteneur dans lequel tous les modules des fonctions sont chargés. |
| src/app/core | CoreModule contient des services singleton, des composants globaux et d'autres fonctions qui nécessitent une instance par application. CoreModule est importé une fois dans AppModule.Remarque: les fichiers CoreModule ne doivent pas être étendus. S'il est nécessaire d'étendre les fichiers core, générez un cas auprès de l'équipe de support IBM . |
| src/app/features | Contient les modules de fonction de l'application. |
| src/app/features/utilities | Le dossier des utilitaires contient des méthodes d'utilitaire communes pour différentes entités telles que la commande, l'expédition et d'autres utilisées dans l'application. Ces fichiers de service utilitaire ne doivent pas être étendus. |
| src/app/login | Le LoginModule contient des composants et des services liés à la connexion et à la déconnexion de l'application. |
| src/app/shared | SharedModule contient les composants partagés, les directives et les fournisseurs.Remarque :
|
| src/assets | Contient les fichiers de traduction, les fichiers de style et les autres fichiers d'actifs qui sont copiés en tant que tels lors de la génération de l'application. |
| src/assets/store-frontend/i18n | Contient les fichiers de traduction (JSON). Chaque module gère son propre fichier de traduction spécifique à l'environnement local ou à la langue. |
| src/assets/styles/store-frontend/styles | Contient les styles globaux tels que les fichiers d'icônes de police, les partitions et les icônes de glyphe pour le projet. |
| src/assets/styles/store-frontend/styles/bootstrap-sass/_variables.scss | Contient les définitions standard des couleurs, de la taille de police, de la famille de polices et d'autres valeurs utilisées dans l'application. |
| src/assets/store-frontend/styles/fonts/* | Contient les fichiers liés à l'icône de police. |
| src/assets/store-frontend/styles/_glyphicons.scss | Contient la feuille de style en cascade des icônes de police. |
| src/styles.scss | Importe tous les fichiers SCSS partiels pour appliquer leur style à l'application. |
| Répertoire / Fichier | Fonction |
|---|---|
| store-extensions-src/app | Contient les fichiers de composant de personnalisation ou d'extension. |
| store-extensions-src/app/store-customization-impl.ts | Fichier de définition des extensions dans lequel vous mettez à jour la valeur de la propriété appropriée avec le nom des composants, des services et des routes de module chargées en différé qui viennent d'être ajoutés. |
| store-extensions-src/assets | Contient les fichiers de traduction, les fichiers de style et les autres fichiers d'actifs qui sont copiés en tant que tels lors de la génération de l'application. |
| store-extensions-src/assets/store-frontend/i18n | Contient les fichiers de traduction étendus / nouvellement ajoutés pour les modules existants et les modules nouvellement ajoutés respectivement. |
| store-extensions-src/assets/styles/store-frontend/styles | Contient les fichiers SCSS personnalisés et les fichiers partiels. |
| store-extensions-src/assets/store-frontend/styles/_variables_extn.scss | Contient les propriétés SCSS remplacées et les propriétés SCSS personnalisées utilisées dans les composants personnalisés. |
| store-extensions-src/styles_extn.scss | Importe le fichier SCSS partiel personnalisé pour appliquer un style personnalisé à l'application. |
| Répertoire | Fonction |
|---|---|
| store-app-build | Contient le code source fusionné des fichiers fournis par l'application (src) et des fichiers de personnalisation (store-extensions-src). Avertissement: il s'agit d'un dossier Affichage uniquement . Vous ne devez pas renommer ni modifier le contenu de ce dossier lors de la personnalisation.
|
Pour éviter d'afficher ou de modifier accidentellement les fichiers ou le contenu du dossier store-app-build , vous devez effectuer les opérations suivantes:
- Masquez ce dossier pour qu'il n'apparaisse pas dans l'explorateur de fichiers de l'IDE.
- Exclure ce dossier et son contenu dans les recherches.
Sur Mac:
- Allez dans
- Recherchez Fichiers: Exclure , puis cliquez sur Ajouter un modèle. Ajoutez **/store-app-build , puis cliquez sur OK.
- Recherchez Search: Exclude , puis cliquez sur Add pattern. Ajoutez **/store-app-build , puis cliquez sur OK.
Sous Windows :
- Allez dans
- Recherchez Fichiers: Exclure , puis cliquez sur Ajouter un modèle. Ajoutez **/store-app-build , puis cliquez surOK.
- Recherchez Search: Exclude , puis cliquez sur Add pattern. Ajoutez **/store-app-build , puis cliquez sur OK.
Remarque: Ces étapes ne s'appliquent que si vous utilisez Microsoft Visual Studio Code comme environnement de développement intégré. Pour tout autre environnement de développement intégré, veillez à effectuer des étapes similaires.