https://github.com/pajaydev/lasso-analyzer

📊 Analyzing bundles created by Lasso js.
https://github.com/pajaydev/lasso-analyzer

bundle-analyzer lasso lasso-bundle-analyzer lasso-marko lasso-plugin

Last synced: about 2 months ago
JSON representation

📊 Analyzing bundles created by Lasso js.

• Host: GitHub
• URL: https://github.com/pajaydev/lasso-analyzer
• Owner: pajaydev
• License: mit
• Created: 2018-07-14T06:21:08.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-05-10T17:06:16.000Z (over 3 years ago)
• Last Synced: 2024-05-19T05:36:25.239Z (8 months ago)
• Topics: bundle-analyzer, lasso, lasso-bundle-analyzer, lasso-marko, lasso-plugin
• Language: JavaScript
• Homepage: https://pajaydev.github.io/lasso-analyzer/
• Size: 491 KB
• Stars: 4
• Watchers: 2
• Forks: 1
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# lasso-analyzer

[![npm version](https://badge.fury.io/js/lasso-analyzer.svg)](https://badge.fury.io/js/lasso-analyzer)

[![Build Status](https://travis-ci.org/pajaydev/lasso-analyzer.svg?branch=master)](https://travis-ci.org/pajaydev/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](#https://github.com/evmar/webtreemap) for visualiztion.

## Installation ##

``` bash

npm install -g lasso-analyzer

```

## Usage as plugin ##

```js

require('lasso').configure({

    ...

    plugins: [

        'lasso-analyzer',

        ...

    ]

});

```

## Usage as CLI ##

1. Bundled file is created under "build/static/" folder. Run the CLI as shown below

```bash

lasso-analyzer <--bundle path--> --output <--output filename-->

```

Creates outputFilename.html in your project structure.

```bash

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.

``` bash

lasso-analyzer static/build.js

```

or

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

``` bash

lasso-analyzer static

```

c. Bundle with colors

```bash

lasso-analyzer static --c

```

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

``` bash

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.