Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/deeppatel234/webpack-report

Webpack Build Analysis Plugin
https://github.com/deeppatel234/webpack-report

javascript reactjs webpack webpack-plugin

Last synced: 13 days ago
JSON representation

Webpack Build Analysis Plugin

Awesome Lists containing this project

README

        



Webpack Build Analysis Plugin

[![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT) [![NPM Download](https://img.shields.io/npm/dt/webpack-report.svg)](https://www.npmjs.com/package/webpack-report) [![NPM](https://img.shields.io/npm/v/webpack-report.svg)](https://www.npmjs.com/package/webpack-report)

## Installation

- Download and install npm package

```sh
#NPM
npm install webpack-report

#YARN
yarn add webpack-report
```

## Usage

```js
const WebpackReport = require('webpack-report');

module.exports = {
plugins: [
new WebpackReport()
]
}
```

## Features

- describe your project informations like dependency, dev-dependency etc.
- show webpack build informations like warnings, error, build time etc.
- detailed Assets, Modules and chunks informations with interactive graphs.

## Screenshots








## Options
```js
new WebpackReport(options)
```

| Name | Type | Default | Description |
| ------ | ------ | ------ | ------ |
| `host` | string | localhost | webpack-report server host name |
| `port` | number | 1237 | webpack-report server run at this port |
| `open` | boolean | true | open report in default browser |
| `statsOptions` | object | | options passed in `stats.toJson()` method. |
| `packageJsonPath` | string | | project package.json custom file path |

## Contribute

- clone repository

- install dependency
```js
npm install
```

- go to example folder and install dependency too
```js
npm install
```

- start the dev server using

```js
npm start
```

dev server will start

## License

MIT