Как мне прочитать исходный код проекта npm с плоскими зависимостями node_modules?

Question

До того, как npm изменил свою структуру файлов зависимостей с nested на flat, я мог бы легко перейти по дереву зависимостей, чтобы прочитать исходный код зависимостей проекта и зависимостей зависимостей, поэтому для глубокого пониманияпроект.

Однако в настоящее время существуют тысячи зависимостей flatly, лежащих в корне node_modules проекта, что делает невозможным понимание и навигацию по истинной структуре зависимостей проекта.

Как вы перемещаетесь по дереву зависимостей проекта в наши дни, если хотите иметь глубокое понимание проекта с открытым исходным кодом?

Answer 1

С командной строкой NPM вы можете использовать npm ls, которая выведет дерево графиков зависимостей.

У командной строки пряжи есть хорошая функция для такого рода исследований: yarn why

См. Документацию здесь: https://yarnpkg.com/lang/en/docs/cli/why/

Вот пример вывода:

yarn why doctrine
yarn why v1.7.0
[1/4] Why do we have the module "doctrine"...?
[2/4] Initialising dependency graph...
[3/4] Finding dependency...
[4/4] Calculating file sizes...
=> Found "doctrine@2.1.0"
info Has been hoisted to "doctrine"
info Reasons this module exists
   - Hoisted from "eslint-plugin-react#doctrine"
   - Hoisted from "eslint#doctrine"
   - Hoisted from "@storybook#react#babel-plugin-react-docgen#react-docgen#doctrine"
=> Found "eslint-plugin-import#doctrine@1.5.0"
info This module exists because "eslint-plugin-import" depends on it.
Done in 0.91s.