webpack 打包结果分析插件analyzer

1. 安装

npm install --save-dev webpack-bundle-analyzer

 

2. 在配置文件中引入

// 引入
var BundleAnalyzerPlugin   = require('webpack-bundle-analyzer').BundleAnalyzerPlugin  


// 添加配置
plugins:[
    new BundleAnalyzerPlugin()
]

在执行 webpack打包的时候 本地会开启一个网页 显示 具体的每个模块的大小 等等信息 方便进行更好的优化模块大小