Différences

Ci-dessous, les différences entre deux révisions de la page.

--- certif:procedure:develop:angular:graphe-composant [2026/03/12 11:45] – [Installation] nicolas
+++ certif:procedure:develop:angular:graphe-composant [2026/10/01 16:02] (Version actuelle) – nicolas
@@ Ligne 1: / Ligne 1: @@
+|{{:undo-2.svg?30|}} [[certif:procedure:develop:angular|Retour à Proc#179 - Développement Angular]]||
+|**Document technique** |Rattaché à [[certif:procedure:develop:angular|Proc#179]]. Non soumis à approbation.|
 ====== Utilisation de Graphviz pour tracer un graph de dépendance ======
 Pour un vrai graphe de dépendances (fichiers / modules) on peux utiliser un outil de type dependency-cruiser, qui génère un graphe à partir des imports TypeScript et peut afficher les cycles.
@@ Ligne 13: / Ligne 15: @@
   -Gérer le fichier de paramétrage en console (tout par défaut) <code>npx dependency-cruiser --init</code>
 ===== Générer le graph =====
-  * dans la console <code>npm run dep-graph</code>
+  * dans la console pour générer une image svg <code>npm run dep-graph</code>
+  * dans la console pour voir les dépendances <code>npm run dep-graph --circular</code>
+  * dans la console pour voir les dépendances partielles<code>npx depcruise src\app\Fichier\Annuaire\annuaire.component.ts --output-type dot | dot -T svg > dep-mon-fichier.svg  </code>
+  * dans console **recherche de boucle** dans un dossier <code>npx depcruise src/app/Fichier</code>