Визуальные отношения между файлами JavaScript в проекте

Question

Я хотел бы иметь возможность визуально видеть взаимосвязи файлов, которые мне требуются, от каждого файла в моем проекте - это потому, что я использую в своем проекте избыточность, но, возможно, бывают случаи, когда я вводил поведение анти-паттернов, запустив код, не отправляя сначала создателя действия, и я бы хотел визуально проверить, насколько сложны вещи в этот момент.

Пример: если A зависит от B, а B зависит от C, я былюблю визуально видеть A со стрелкой, подключенной к B, со стрелкой, связанной с C.

Есть ли какая-либо утилита или функция IDE, помогающая мне визуализировать мой код js таким образом?

Спасибовы

Answer 1

Я использовал madge до: npm ссылка с инструкциями по установке . Если вы также установите graphviz, вы можете экспортировать svg ваших зависимостей с помощью madge --image graph.svg path/to/app.js.

Смотрите пример одного из моих более модульных репозиториев!