An open API service indexing awesome lists of open source software.

https://github.com/131/discify

A browserify plugin to analyse bundle statistics
https://github.com/131/discify

Last synced: about 1 year ago
JSON representation

A browserify plugin to analyse bundle statistics

Awesome Lists containing this project

README

          

[discify](https://github.com/131/discify) is a browserify plugin that generatee graph and stats of your bundle. It'a lightweight alternative to [disc](https://github.com/hughsk/disc).

[![Version](https://img.shields.io/npm/v/discify.svg)](https://www.npmjs.com/package/discify)
[![License](https://img.shields.io/badge/license-MIT-blue.svg)](http://opensource.org/licenses/MIT)
[![Code style](https://img.shields.io/badge/code%2fstyle-ivs-green.svg)](https://www.npmjs.com/package/eslint-plugin-ivs)

![tiny output demo](doc/disc.png)

# What you'll get
* a /disc/ folder in your project root
* a /disc/index.html standalone, neat, manually crafter repport HTML graph
* a /disc/map.json file with also usefull informations

# API/usage & options
```
npm install --save-dev discify
browserify --node -p discify entry.js
# enjoy your /disc folder (you can specify output folder via -p [ discify --outdir some/other/dir ] )
```

## Advanced pipe
```
var b = browserify({
//opts
});
b.plugin(discify)
b.once('discified', Function.prototype); //this is emitted once discify has done generating maps & stuffs
```

# disc VS discify
* Simplier workflow ; as discify is a plugin, it access live and raw from browserify and does not need a dedicated "useFullPath"

# Credits / related
* [disc](https://github.com/hughsk/disc) : design inspiration
* [browserify](https://github.com/substack/browserify) packaging wizard flow
* [d3](https://d3js.org/) graph library
* [131](https://github.com/131) - Author