vuejs-templates/webpack

How to troubleshoot a large vendor file?

Open

#1297 aperta il 9 feb 2018

Vedi su GitHub
 (16 commenti) (7 reazioni) (0 assegnatari)JavaScript (4466 fork)batch import
enhancementhelp wanted

Metriche repository

Star
 (9721 star)
Metriche merge PR
 (Nessuna PR mergiata in 30 g)

Descrizione

My production build is a bit heavy:

              Chunk Names
                 static/fonts/element-icons.6f0a763.ttf      11 kB          [emitted]
               static/js/vendor.dd83b1b8e4fd1abaaa41.js    3.19 MB       0  [emitted]  [big]  vendor

What's the best way to tell which 3rd party packages are contributing to this heft?

Guida contributor

Direzione di ricerca
Usa uno strumento di analisi del bundle come webpack bundle analyzer (ad esempio, aggiungi 'NODE ENV=production webpack profile json > stats.json', poi esegui webpack bundle analyzer stats.json). Inoltre, consulta la documentazione di webpack sulla suddivisione del codice e il template ufficiale Vue webpack per le migliori pratiche.
Tech stack
javascriptvue
Dominio
frontendbuild system
Tipo issue
Ricerca
DifficoltàQuanto dovrebbe essere impegnativa per un nuovo contributor.
1
Tempo stimatoTempo stimato per completare e verificare uno scope piccolo.
Meno di 1 ora
Stato attivitàQuanto è probabile che la issue sia ancora attiva e reviewable.
Attiva
ChiarezzaQuanto chiaramente la issue descrive problema, scope e risultato atteso.
Chiara
Prerequisiti
webpackVue
Adatta ai principiantiQuanto la issue è adatta a contributor alla prima esperienza.
75