Socket
Socket
Sign inDemoInstall

ember-cli-bundle-analyzer

Package Overview
Dependencies
391
Maintainers
1
Versions
11
Alerts
File Explorer

Advanced tools

Install Socket

Detect and block malicious and high-risk dependencies

Install

    ember-cli-bundle-analyzer

Analyze the size and contents of your Ember app's bundles


Version published
Maintainers
1
Created

Readme

Source

ember-cli-bundle-analyzer

Build Status Ember Observer Score npm version

An Ember CLI addon to analyze the size and contents of your app's bundled output, using an interactive zoomable treemap.

View the interactive Demo

Screenshot of analyzer output

This helps you to

  • analyze which individual modules make it into your final bundle
  • find out how big each contained module is, including the raw source, minified and gzipped sizes
  • find modules that got there by mistake
  • optimize your bundle size

It uses broccoli-concat-analyser under the hood, which in turn was inspired by webpack-bundle-analyzer, and wraps it in Ember CLI addon to make it easy to use.

Installation

ember install ember-cli-bundle-analyzer

Usage

After you have started your development server using ember serve, this addon adds a custom middleware listening to /_analyze. So just open http://localhost:4200/_analyze in your web browser to access the analyzer output.

While it processes the data, which can take a while due to live minification and compression of all involved modules, a loading screen is displayed. After processing has finished you should see the final output.

Live reloading is supported, so whenever you change a project file the output will be re-computed and updated.

Options

You can customize the precessing by setting any of the following options into the 'bundle-analyzer' key of your ember-cli-build.js:

  • ignoreTestFiles (boolean): by default it will exclude all test files from the output. Set this to false to include them.

  • ignore (string | string[]): add files to ignore. Glob patterns are supported, e.g. *-fastboot.js.

Keywords

FAQs

Last updated on 05 Dec 2018

Did you know?

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc