webpack打包分析
我们在使用webpack对文件打包之后如果想看到每一个loader，每一个Plugin消耗的打包时间，那么是很容易实现的，借助一个插件：speed-measure-webpack-plugin就可以了，但这个插件的作用仅仅是让我们能够在控制台看到打包的时间分析，好像不是很直观，那如果以图片的方式呈现呢?
比如这样
这样
不仅能够查看所有的包的大小，依赖，还能够单独呈现出某一个包
这里就用到了一个非常好用的工具————webpack-bundle-analyzer
webpack-bundle-analyzer
安装
npm i webpack-bundle-analyzer -D
配置
然后直接执行打包命令，打包完成之后会在8888端口(默认8888)开启服务
这样就可以非常直观的查看打包后的文件分析啦！
