webpack 插件和CLI工具能够将包内容表示为可缩放treemap，方便互动。

安装

# npm
npm install --save-dev webpack-bundle-analyzer
# Yarn
yarn add -D webpack-bundle-analyzer

使用

const BundleAnalyzerPlugin = require('webpack-bundle-analyzer').BundleAnalyzerPlugin;

module.exports = {
  plugins: [
    new BundleAnalyzerPlugin()
  ]
}

它将创建所有捆绑包内容的交互式树形图可视化。 

链接: https://www.fly63.com/nav/2622