How do I find out what modules a component or service is dependent on?

Question

I want to make my modules lazy loaded, and to do so I must be sure that no component or service from one module is dependent on another module's components or services. Is there any way to build a graph or another kind of diagram to check dependencies between components and services?

For now I only think about writing a piece of code that would parse all the components, modules and services, and then will check their dependencies.

Answer 1

You can use Angular Augury, see docs here: https://augury.rangle.io/pages/guides/io-demo.html

And these are some of its features (Dependency graph and lazy loaded modules)

And this is the list of your modules and all their declaration/providers/imports..etc

Answer 2

You can run ngd to generate a dependency graph report.

https://github.com/compodoc/ngd