Skip to content

pajaydev/lasso-analyzer

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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.

lasso-analyzer

Issues

Free feel to create bug or propose improvements.