meta données pour cette page
  •  

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
certif:procedure:develop:angular:graphe-composant [2026/03/12 12:01] – [Générer le graph] nicolascertif: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 ====== ====== 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. 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 15: Ligne 17:
   * dans la console pour générer une image svg <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 <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 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>