Skip to content

stefanpenner/broccoli-concat-analyser

Repository files navigation

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. CONCAT_STATS=true ember s
  3. broccoli-concat-analyser ./concat-stats-for
  4. open ./concat-stats-for/index.html in any browser for the foamtree interactive map

Notes:

  • Be sure to have the latest version of broccoli-concat installed
  • The process output can be found in the .out.json files in the directory: ./concat-stats-for
  • Remove the ./concat-stats-for directory and run step 2 after any changes for an updated output

Features

got ideas? Submit PRs!