vuejs-templates/webpack

How to troubleshoot a large vendor file?

Aberta

#1.297 aberto em 9 de fev. de 2018

Ver no GitHub
 (16 comentários) (7 reações) (0 responsável)JavaScript (4.466 forks)batch import
enhancementhelp wanted

Métricas do repositório

Stars
 (9.721 estrelas)
Métricas de merge de PR
 (Nenhuma PRs mesclada em 30d)

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?

Guia do colaborador

Direção de pesquisa
Use uma ferramenta de análise de bundle como webpack bundle analyzer (por exemplo, adicione 'NODE ENV=production webpack profile json > stats.json', então execute webpack bundle analyzer stats.json). Além disso, verifique a documentação do webpack sobre divisão de código e o template oficial do Vue webpack para melhores práticas.
Pilha de tecnologia
javascriptvue
Domain
frontendbuild system
Tipo Issue
Pesquisa
DifficultyDificuldade de implementação estimada para um novo contribuidor, de 1 para alterações muito pequenas a 5 para trabalho de nível especializado.
1
Tempo estimadoUm intervalo de tempo aproximado para um colaborador experiente investigar, implementar, testar e preparar um pull request.
Menos de 1 hora
Status da atividadeQuão disponível o issue aparece agora: novo, ativo, obsoleto, bloqueado ou aguardando entrada do mantenedor.
Ativo
ClarityCom que clareza o issue explica a mudança esperada, os critérios de aceitação e a próxima etapa.
Claro
Prerequisites
webpackVue
Simpatia para novatosUma pontuação de 1 a 100 que estima o quão acessível este issue é para colaboradores iniciantes.
75