如何通过webpack或NPM查找包含的包的大小？

Question

我尝试使用webpack-bundle-size-analyzer包，但它似乎不起作用。是否有一种简单的方法可以在webpack项目中输出包含的包的大小？

或者，如果有办法用NPM输出package.json包的大小，那也很酷。

Answer 1

您是否尝试将运行脚本放在package.json内？我把它放在package.json中之后就可以了：

...
"scripts": {
 ...
 "analyzer": "webpack --json | webpack-bundle-size-analyzer"
}
...

然后在shell中npm run analyzer

Answer 2

如果您需要单独调查软件包的大小，可以使用此工具 - https://cost-of-modules.herokuapp.com

它会告诉你如果要将它添加到你的包中，任何npm包的性能特征（min，min + gzipped）是什么。

Answer 3

看看Webpack Bundle Analyzer。

它将捆绑内容表示为方便的交互式可缩放树形图。