2016-01-10 3 views
7

Ho tentato di utilizzare il pacchetto webpack-bundle-size-analyzer ma non sembra funzionare. C'è un modo semplice per generare le dimensioni dei pacchetti inclusi in un progetto webpack?Come posso scoprire la dimensione dei pacchetti inclusi con webpack o NPM?

In alternativa, se esiste un modo per generare la dimensione dei pacchetti package.json con NPM, sarebbe altrettanto interessante.

+1

Hai trovato un'alternativa a 'webpack-bundle-size-analyzer'? – iamsaksham

+0

Posso ottenere le informazioni da npm install -g webpack-bundle-size-analyzer webpack --json | webpack-bundle-size-analyzer Ma non ci sono molte informazioni. tutto è in SELF – DaNeSh

+0

Dai uno sguardo a https://github.com/th0r/webpack-bundle-analyzer – th0r

risposta

0

Hai provato a inserire lo script di esecuzione all'interno di package.json? Ha funzionato dopo che ho messo dentro package.json in questo modo:

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

poi nella shell do npm run analyzer

0

Date un'occhiata a Webpack Bundle Analyzer.

Rappresenta il contenuto del pacco come conveniente treemap zoomabile interattivo.

1

Se è necessario indagare la dimensione di pacchetti singolarmente, è possibile utilizzare questo strumento - https://cost-of-modules.herokuapp.com

E ti dirò quali sono le caratteristiche peformance (min, min + compressi con gzip) di qualsiasi pacchetto NPM sarebbe se si dovevano aggiungerlo al tuo pacchetto.