analyze-webpack-plugin

desc

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

Install

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

Usage

Site Usage

Upload your stats JSON file to this site

Plugin Usage

const AnalyzeWebpackPlugin = require('analyze-webpack-plugin').default

module.exports = {
  plugins: [
    new AnalyzeWebpackPlugin(), // 默认生成 analyze.html
    // 也可以 new AnalyzeWebpackPlugin({ name: 'analyze.html' }) 也可以指定自定义文件
  ],
}

Tech Stack

该插件 fork 自 webpack-visualizer，目前扩展出的功能如下：

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

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

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

• 考虑向后兼容