Question

其实我在gcc中寻找类似tsc键的内容，但jQuery(document).ready(function($) { var i = 0; var values = []; var element = $('.source li'); element.each(function(i) { $('#destination li')[i].attr("data-text",$(this).text()); i++; }); });

Answer 1

Dependency cruiser可以生成依赖关系图：

通过npm安装后：

npm install --save-dev dependency-cruiser

你应该先运行：

node_modules/.bin/depcruise --info

确保TypeScript支持有效。

使用命令

node_modules/.bin/depcruise --exclude "^node_modules" --output-type json <your_entry_point.ts> > dependencies.json

您可以创建一个包含TypeScript文件之间依赖关系的JSON文件。

如果您已经安装了dot实用程序（大多数Linux发行版的graphviz包中都有），您可以这样做：

node_modules/.bin/depcruise --exclude "^node_modules" --output-type dot <your_entry_point.ts> | dot -T svg > dependency_graph.svg

将依赖图生成为SVG图像。

Answer 2

我创建了ts-dependency-graph，因为依赖巡洋舰在我的大型项目中从未完成。它包含一些用于处理大型依赖图的选项。

npm i ts_dependency_graph -g

ts_dependency_graph --start src/index.ts

复制输出，例如到https://dreampuf.github.io/GraphvizOnline/

 ts_dependency_graph --help
Options:
  --help                        Show help                              [boolean]
  --version                     Show version number                    [boolean]
  --start                       the starting file, for the analysis     [string]
  --aggregate_by_folder, --agg  create graph on folder level
                                                      [boolean] [default: false]
  --max_depth                                           [number] [default: 1000]
  --filter                      filters files containing the provided strings
                                                           [array] [default: []]
  --verbose, -v                 prints information about ignored files
                                                      [boolean] [default: false]
  --hotspots, -h                identify hotspots, by analyzing number of
                                incoming and outgoing edges
                                                      [boolean] [default: false]
  --base_path                   calculates path relatives to the base path
   [string] [default: "/currentpath"]

有没有办法获得项目的依赖图？

2 个答案: