lasso-analyzer

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

2. lasso-analyze.html file is created in root path of your project structure.

open lasso-analyze.html

3. It shows you a treemap visualization as shown below.

Output

Creates lasso-analyze.html in your project directory.

Issues

Free feel to create bug or propose improvements.