# webpack-analyze-plugin

> webpack-analyze-plugin

Latest version **0.2.4** (published 2018-04-11) · MIT license · 0 weekly downloads

## Install

```sh
npm install webpack-analyze-plugin
pnpm add webpack-analyze-plugin
yarn add webpack-analyze-plugin
bun add webpack-analyze-plugin
```

## Health

**Score 15/100 (F)** — status: abandoned.

Positive: no vulnerabilities.

Warnings: low downloads; no types; no esm support; pre 1.0.

Negative: abandoned; low maintenance score.

## Facts

| | |
|---|---|
| Version | 0.2.4 |
| Published | 2018-04-11 |
| First published | 2018-04-11 |
| Weekly downloads | 0 |
| License | MIT |
| TypeScript types | none |
| Module format | CommonJS |
| Dependencies | 6 |
| Unpacked size | 2.6 MB |
| Known vulnerabilities | 0 |
| Install scripts | no |
| GitHub stars | 3 |
| Author | muyunyun |
| Maintainers | muyunyun |

## Links

- npm: https://www.npmjs.com/package/webpack-analyze-plugin
- Repository: https://github.com/MuYunyun/analyze-webpack-plugin
- Homepage: https://github.com/MuYunyun/analyze-webpack-plugin#readme
- Issues: https://github.com/MuYunyun/analyze-webpack-plugin/issues
- npm.io page: https://npm.io/package/webpack-analyze-plugin

## Dependencies (6)

- [d3](https://npm.io/package/d3.md) ^5.0.0
- [react](https://npm.io/package/react.md) ^16.3.1
- [mkdirp](https://npm.io/package/mkdirp.md) ^0.5.1
- [react-dom](https://npm.io/package/react-dom.md) ^16.3.1
- [loader-utils](https://npm.io/package/loader-utils.md) ^1.1.0
- [webpack-sources](https://npm.io/package/webpack-sources.md) ^1.1.0

## Recent versions

- 0.2.4 (latest) — 2018-04-11

## README

<div align="center">
  <a href="https://webpack.js.org/">
    <img width="200" height="200" vspace="" hspace="25" src="https://cdn.rawgit.com/webpack/media/e7485eb2/logo/icon-square-big.svg">
  </a>
  <h1>analyze-webpack-plugin</h1>
  <p>desc</p>
</div>

analyze-webpack-plugin is to help analyze some useful dates so that we can optimize our programme.

<h2 align="center">Install</h2>

```bash
npm install --save-dev analyze-webpack-plugin
```

<h2 align="center">Usage</h2>

### Site Usage

Upload your stats JSON file to [this site](http://muyunyun.cn/analyze-webpack-plugin/)

### Plugin Usage

```js
const AnalyzeWebpackPlugin = require('analyze-webpack-plugin')

module.exports = {
  entry: './index.js',
  output: {
    path: path.join(__dirname, 'dist'),
    filename: '[name].[chunkhash:8].js',
  },
  module: {},
  plugins: [
    new AnalyzeWebpackPlugin({}),
  ],
}
```

### Tech Stack

该插件 fork 自 [webpack-visualizer](https://github.com/chrisbateman/webpack-visualizer/blob/master/package.json)，目前扩展出的功能如下：

- [ ] webpack 3.x/4.x 的插件

- [x] 升级插件的技术栈，比如升级 d3 到 v4 版本

- [ ] 实现点击依赖能进入更深一级的效果

- [ ] 考虑向后兼容

---
_Source: https://npm.io/package/webpack-analyze-plugin · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._