Skip to content

Instantly share code, notes, and snippets.

@mikoloism
Created March 13, 2023 15:24
Show Gist options
  • Save mikoloism/2ba8d1eb225dd3427894cef770d80560 to your computer and use it in GitHub Desktop.
Save mikoloism/2ba8d1eb225dd3427894cef770d80560 to your computer and use it in GitHub Desktop.
Webpack Import Hierarchy Tree Visualizer

Just for entertainment:

  1. Compile with webpack --profile --json > stats.json (node.js API: { profile: true } and stats.toJson())
  2. Go to http://webpack.github.io/analyse/#modules
  3. Load your stats file (It's not uploaded, the analyse tools is a client only tool).
  4. Wait a bit until the graph has been stabilized.
  5. Screenshot and cut the graph area.
  6. Post it into this thread.

These are the webpack test cases: image

React: image

@mikoloism
Copy link
Author

from resource

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment