webpack的bundle分析

2017-12-22  本文已影响62人  zhCN_超

利用webpack官方提供的分析工具,可以分析应用bundle内所有module的体积和关系

总体情况 modules大小和关系

使用方法:

生成.json文件

如果你的配置文件为默认的webpack.config.js,在这个文件的目录下运行:

$ webpack --json > <filename>.json

<filename>替换为文件名,任意

如果你的配置文件名不为默认,那么指定路径:

$ webpack --config <your-webpack-config-path> > <filename>.json

<your-webpack-config-path>替换为你配置文件所在路径

上传.json文件

在官网,上传你的.json文件即可

注:记得检查你生成的.json文件,我利用happypack打包的时候,输出了非json内容,记得删除

上一篇下一篇

猜你喜欢

热点阅读