broccoli-concat-analyser

Build Status


When using a build chain based on broccoli-concat, this tool will show you the size and contents of the concatenated bundles, including:

  • raw size
  • uglified size (for JS right now)
  • compressed size (including uglify if applicable)

Example

Interactive Demo

Ember addon

For usage in an Ember app, ember-cli-bundle-analyzer wraps this library as an Ember addon and integrates it more tightly into your development workflow.

See the instructions on its documentation page.

Usage

To directly use this tool, follow these steps:

  1. npm install -g broccoli-concat-analyser
  2. using broccoli-concat (latest versions)
  3. CONCAT_STATS=true ember s
  4. broccoli-concat-analyser ./concat-stats-for
  5. look at .out.json files in ./concat-stats-for for the process output
  6. open ./concat-stats-for/index.html in any browser for the foamtree interactive map

Features

got ideas? Submit PRs!