Я пытаюсь визуализировать, какие функции вызываются из каких модулей в нашей базе кода. Мы используем webpack для сборки и typcript для компиляции. Я думаю, что, поскольку мы используем машинописный текст, что-то в цепочке инструментов знает, какие функции (или, скорее, экспорт) из каких модулей вызывается.
Я попробовал плагин webpack-bundle-analyzer , чтобы визуализировать, какие модули используются. Существует довольно много инструментов, которые делают подобное, и все они построены на основе функциональности --stat веб-пакета. Однако я не вижу вызовов функций, только какие модули включены.
Этот является на самом деле весьма полезным, если модули экспортируют одну функцию. Но это не всегда так, и для сторонних модулей мы не можем это контролировать. Это просто покажет включение некоторого модуля, и это все.
Для вышеизложенного, это то, что я сделал:
webpack ./src/js/main.ts --profile --json > stats.json
webpack-bundle-analyzer stats.json -m static
Что будет генерировать отчет. Я не могу понять, как добавить больше деталей (а именно, вызовы функций / использование определенных экспортов).
Я думаю, что мне, вероятно, нужен совершенно другой подход. Мне может понадобиться плагин для машинописного текста, а не веб-пакет, поскольку машинописный текст - это ссылка в цепочке, которая, вероятно, знает о том, какие модули используют, какие экспорты.
График, который генерирует webpack-bundle-analyzer, идеален, если только он может увеличивать экспорт модулей, а не останавливаться на целых модулях.