webpack Monitor是一个可配置的Webpack插件，它捕获有关生产构建的相关统计信息，并且是一个交互式分析工具，可以帮助开发人员更好地了解包的组成并确定优化策略并确定优先级。  

在生产配置上安装webpack监视器插件。只要对捆绑软件构成进行了有意义的更改，该插件就会收集统计信息。也可以选择启动分析，以查看您的捆绑包随着时间的变化！

安装

npm install --save-dev webpack-monitor

在 webpack.config.js

const WebpackMonitor = require('webpack-monitor');

// ...

plugins: [
  new WebpackMonitor({
    capture: true, // -> default 'true'
    target: '../monitor/myStatsStore.json', // default -> '../monitor/stats.json'
    launch: true, // -> default 'false'
    port: 3030, // default -> 8081
    excludeSourceMaps: true // default 'true'
  }),
],

链接: https://fly63.com/nav/2754