我想在 StackMAM 中为我当前的项目做一个 Angular 图，我找到了这个解决方案：
https://www.npmjs.com/package/grunt-angular-modules-graph https://www.npmjs.com/package/grunt-angular-architecture-graph
但是，我不明白它是如何工作的，以及如何正确配置它。
哪个是咕噜咕噜.js？它是Gruntfile.js在我的node_modules/grunt-angular-architecture-graph中？还是另一个？ 我不确定如何修改该文件：
grunt.initConfig({
'modules-graph': {
options: {
// Task-specific options go here.
},
your_target: {
files: {
'destination-file.dot': ['src/*.js']
}
},
},
});
究竟什么是destination-file.dot？它位于何处？什么是 ['src/*.js']？是我的代码源吗？如果我将源放入文件夹，会发生什么情况？
另一方面，我不知道如何运行 Grunt 任务，或者它们是否是 当我执行"npm 安装"时自动完成。
另外，有没有更容易做角度图的解决方案？
首先，我不知道你是否真的在使用 MEAN.JS 或其他 mean 堆栈项目。如果您使用的是最新的 MEAN.JS我相信它现在只使用 Gulp 而不是 Grunt。无论哪种方式，如果您在项目根目录中看到名为gruntfile.js的文件，那么您就可以开始了。
由于grunt-angular-modules-graph建议改用grunt-angular-architecture-graph，因此我将给出一些说明。
如grunt-angular-architecture-graph文档中所述，您只需在项目的gruntfile.js文件中使用以下行启用其任务：
grunt.loadNpmTasks('grunt-angular-architecture-graph');
然后添加以下代码块，您必须在其中设置所有 js 文件的路径(与 Angular 相关)：
angular_architecture_graph: {
diagram: {
files: {
// "PATH/TO/OUTPUT/FILES": ["PATH/TO/YOUR/FILES/*.js"]
"architecture": [
"<%= projectConfig.app %>/<%= projectConfig.project %>/**/*.js"
]
}
}
}
然后，您必须注册任务：
grunt.registerTask('diagram', ['angular_architecture_graph']);
完成此配置后，您可以使用 Grunt 通过转到项目根目录(您的 gruntfile.js所在的位置)来运行任务，并在控制台中执行以下命令：
grunt diagram
如果一切设置正确，则应执行任务。
有关 Grunt 以及如何创建和注册任务的更多信息，我建议阅读官方 Grunt 文档。