vuejs-templates/webpack

How to troubleshoot a large vendor file?

Open

#1 297 ouverte le 9 févr. 2018

Voir sur GitHub
 (16 commentaires) (7 réactions) (0 assignés)JavaScript (4 466 forks)batch import
enhancementhelp wanted

Métriques du dépôt

Stars
 (9 721 stars)
Métriques de merge PR
 (Aucune PR mergée en 30 j)

Description

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?

Guide contributeur

Direction de recherche
Utilisez un analyseur de bundle comme webpack bundle analyzer (par exemple, ajoutez 'NODE ENV=production webpack profile json > stats.json', puis exécutez webpack bundle analyzer stats.json). Consultez également la documentation de webpack sur le fractionnement de code et le modèle officiel Vue webpack pour les meilleures pratiques.
Stack technique
javascriptvue
Domaine
frontendbuild system
Type d'issue
Recherche
DifficultéDifficulté estimée pour un nouveau contributeur, de 1 pour un très petit changement à 5 pour un travail expert.
1
Temps estiméFourchette de temps approximative pour investiguer, implémenter, tester et préparer une pull request.
Moins d'une heure
Statut d'activitéDisponibilité apparente de l'issue : fraîche, active, ancienne, bloquée ou en attente d'un mainteneur.
Active
ClartéClarté avec laquelle l'issue explique le changement attendu, les critères d'acceptation et la prochaine étape.
Claire
Prérequis
webpackVue
Accessibilité débutantScore de 1 à 100 estimant l'accessibilité de cette issue pour un premier contributeur.
75