Home

Awesome

lasso-analyzer

npm version Build Status

Lasso-analyzer is a tool for analyzing project bundles created by Lasso. We can easily catch the large and/or duplicate modules which might be either bloating up your bundle.

This package uses treemap for visualiztion.

Installation

npm install -g lasso-analyzer

Usage as plugin

require('lasso').configure({
    ...
    plugins: [
        'lasso-analyzer',
        ...
    ]
});

Usage as CLI

  1. Bundled file is created under "build/static/" folder. Run the CLI as shown below
lasso-analyzer <--bundle path--> --output <--output filename-->

Creates outputFilename.html in your project structure.

Options:
  --output    To change the generated output filename. (default - lasso-analyze.html)
  --c         Visualize the bundle with colors

For Example:

a. Analyze js bundle file.

lasso-analyzer static/build.js

or

b. Analyze all the files inside particular folder and create lasso-analyze.html.

lasso-analyzer static

c. Bundle with colors

lasso-analyzer static --c
  1. lasso-analyze.html file is created in root path of your project structure.
open lasso-analyze.html
  1. It shows you a treemap visualization as shown below.

Output

Creates lasso-analyze.html in your project directory.

<p align="center"> <img alt="lasso-analyzer" src="https://raw.githubusercontent.com/ajay2507/lasso-analyzer/master/example/demo.png" width="512"> </p>

Issues

Free feel to create bug or propose improvements.