Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

Arquivo vendor.bundle.js muito grande

Estou usando o ng serve para testar uma aplicação, não tinha percebido o tamanho dos arquivos... Ao subir para o servidor quando vou acessar a aplicação percebi uma lentidão, vi que o arquivo vendor.bundle.js está com chegando a 10MB, isso na aplicação que já está com os códigos, achei que tinha algo que pudesse fazer para reduzir ou compactar os códigos. Para essa aplicação estou usando um tema que foi fornecido pela empresa o BucketAdmin segue link: https://themeforest.net/item/bucket-admin-bootstrap-3-responsive-flat-dashboard/6642985 para usar esse tema no angular eu copiei o código da página dynamic-table separei o header e footer e coloquei no index.html, o conteúdo da página joguei em um componente que criei o home. Não sei se seria a melhor prática...

Trecho abaixo gerando uma aplicação nova para testar, sem nenhum código o arquivo vendor.bundle.js ficou com 7.41MB

chunk {inline} inline.bundle.js (inline) 5.79 kB [entry] [rendered]
chunk {main} main.bundle.js (main) 19.4 kB [initial] [rendered]
chunk {polyfills} polyfills.bundle.js (polyfills) 552 kB [initial] [rendered]
chunk {styles} styles.bundle.js (styles) 33.7 kB [initial] [rendered]
chunk {vendor} vendor.bundle.js (vendor) 7.41 MB [initial] [rendered]

Versão do Node 8.2.1 Versão do NPM 5.3.0 Versão do Angular 1.6.5

O que posso fazer para amenizar esse arquivo ficar tão grande?

1 resposta
solução!

A melhor solução para otimizar o tamanho do bundle final é utilizar os recursos do Webpack. Tem como você dividir o bundle dos arquivos que criou das biblioteca de terceiros, carregar apenas o necessário e muito mais :)

Aqui no Alura tem um treinamento só disso: https://cursos.alura.com.br/course/webpack

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software