Question

Welcome to the grunt-angular-modules-graph wiki! grunt -angular -modules-graph

I’ve already created the dot files with this code in the Grunt file: (destination-file.dot\dot\ all.dot; legend.dot and modules.dot)

1. Gruntfile:

'angular_architecture_graph': { options: { // Task-specific options go here. }, your_target: { files: { 'destination-file.dot': ['src/*.js'] } }, },});

grunt.loadNpmTasks('grunt-angular-architecture-graph');

2. npm install grunt-angular-architecture-graph --save-dev
3. grunt ‘angular_architecture_graph’

But I don´t understand what I have to do in order to genetare the PNGs of the diagrams because with the code, I’ve always got: >> Error: Error: not found: dot 4) in Gruntfile.Init:

'graphviz': { dependencies: { files: { 'dependencies-graph.png': WhatFileIHaveToPut.dot' }…..

5. grunt.loadNpmTasks('grunt-graphviz');

6. npm install grunt-graphviz --save-dev

7. grunt graphviz

I’ve always got: C:\AngularJS\angular2-essential-training>grunt graphviz Running "graphviz:dependencies" (graphviz) task

Error: Error: not found: dot

I don´t understand if the second code is correct in order to get the images, and if the objective is get first the .dot files and then the graphics.