obrigado a leitura e as palavras Deivid Marques,

vale lembrar, que a técnica desse artigo e do repositório de exemplo só funcionam para o webpack v2 e v3,

a partir do webpack v4, existem três maneiras de criar pontos de divisão de código:

  • adicionando uma nova chave em config.entry
  • utilizando a chave config.optimization.splitChunks, onde o webpack irá analisar o graph gerado pela sua aplicação e dividir o código automaticamente. Você pode passar dicas de quais grupos criar, tamanhos min/max etc, mas no final, é o webpack que decide
  • utilizando a tag import(...) e criando pontos de importação dinâmicos (dynamic imports)

a partir da v4, toda a API e resolução de dependências mudou, eu escrevi um pouco sobre essa heurística na sessão "4. Plugins e Otimizações"

👋

Written by

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store