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

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

Site Usage

Upload your stats JSON file to this site

Plugin Usage

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，目前扩展出的功能如下：

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

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

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

• [ ] 考虑向后兼容