ngmodule-viz
TypeScript icon, indicating that this package has built-in type declarations

1.0.8 • Public • Published

NgModules visualization

npm version

Commandline tool to visualize the dependencies between the @NgModules in your Angular 2+ application.

Usage

  • Install the tool: npm install ngmodule-viz -g.

Generate dependency information

  • Run 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)
  • The tool outputs a ngmodules.json file with all the dependencies between your NgModules. It also outputs an index.html for visualising these dependencies.

Visualize dependency information

  • Start a http-server (npm install -g http-server followed by http-server) in your <output> dir.
  • Open http://localhost:8080/
  • Enjoy the graph of your NgModules!

Example

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
  • open http://localhost:8080/ and you'll see this:

ngmodule-viz demo

Building

  • Clone this project
  • Install typescript: npm install -g typescript
  • Run npm run build to compile the typescript to javascript. Or npm run build:watch to keep the typescript compiler running during development.

Package Sidebar

Install

npm i ngmodule-viz

Weekly Downloads

23

Version

1.0.8

License

Apache-2.0

Last publish

Collaborators

  • rkettelerij