====== 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. ===== Installation ===== - Installe dans le projet : npm install --save-dev dependency-cruiser - Ajoute un script dans ton package.json :{ "scripts": { "dep-graph": "depcruise --include-only \"^src\" --output-type dot src | dot -T svg > dependency-graph.svg" } } -Installation graphviz sur le poste (version windows) [[https://graphviz.org/download/]] -Ajouter le path via powershell (vérifier le chemin d'install) [Environment]::SetEnvironmentVariable("Path", $env:Path + ";C:\Program Files (x86)\Graphviz\bin", "User") -Relancer l'éditeur de code -Gérer le fichier de paramétrage en console (tout par défaut) npx dependency-cruiser --init ===== Générer le graph ===== * dans la console pour générer une image svg npm run dep-graph * dans la console pour voir les dépendances npm run dep-graph --circular * dans la console pour voir les dépendances partiellesnpx depcruise src\app\Fichier\Annuaire\annuaire.component.ts --output-type dot | dot -T svg > dep-mon-fichier.svg * dans console **recherche de boucle** dans un dossier npx depcruise src/app/Fichier