Visualize the dependencies between the NgModules in your Angular 2+ application
APACHE-2.0 License
Commandline tool to visualize the dependencies between the @NgModules in your Angular 2+ application.
npm install ngmodule-viz -g
.ngmodule-viz <input> <output>
, where:
<input>
points to your Angular 2+ app (e.g. /Users/johndoe/ui-dashboard)<output>
to the dir where the visualization should be placed (e.g. your current working dir)npm install -g http-server
followed by http-server
) in your <output>
dir.Let's visualize the NgModules in this angular2-realworld-example-app.
git clone https://github.com/gothinkster/angular2-realworld-example-app
ngmodule-viz angular2-realworld-example-app/ .
http-server
System.setProperty("hudson.model.DirectoryBrowserSupport.CSP", "")
. WARNING: the latter assumes you have otherwise secured your Jenkins instance. Don't execute this on public instances.npm install -g typescript
npm run build
to compile the typescript to javascript. Or npm run build:watch
to keep the typescript compiler running during development.