analyze-webpack-plugin
desc
analyze-webpack-plugin is to help analyze some useful dates so that we can optimize our programme.
Install
```bash
npm install --save-dev analyze-webpack-plugin
```
Usage
### 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 版本
- [ ] 实现点击依赖能进入更深一级的效果
- [ ] 考虑向后兼容