如何通過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" 
} 
... 

然後在外殼上進行npm run analyzer

Answer 2

看看Webpack Bundle Analyzer。

它代表包內容爲方便交互式縮放樹圖。

Answer 3

如果您需要單獨調查包的大小，您可以使用此工具 - https://cost-of-modules.herokuapp.com

它會告訴你任何NPM包的peformance特性（分，分+ gzip壓縮的）會是什麼，如果你將它添加到你的包中。