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')
 
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 的插件

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

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

• 考虑向后兼容