2

Estou iniciando com o Webpack e estou aprendendo como mexer no Config dele, e vi uma parte da documentação que trata à respeito de Resolve.extentions, achei bem legal porque você consegue ocultar as extensões. Mas me veio à cabeça: Nos meus imports eu coloco por exemplo:

import 'jquery/dist/jquery.min.js'

Neste caso agora eu coloco apenas:

import 'jquery/dist/jquery'

E ele funciona numa boa. Beleza. Mas ele está pegando o .js, e não o arquivo minificado. Faz alguma diferença em termos de performance ele pegar o .js ou .min.js? Como o Webpack trata esse tipo de arquivo? Tem que colocar algum Priority para ele pegar primeiro os .min.js ?

1 Resposta 1

1

Faz alguma diferença em termos de performance ele pegar o .js ou .min.js?

Sim, faz muita diferença. O arquivo minificado, como o próprio nome diz, é menor, e isso gera diferença de performance quando o site vai carregar as dependências, porque um arquivo menor é carregado e interpretado mais rápido.

Tem que colocar algum Priority para ele pegar primeiro os .min.js ?

Você pode colocar na configuração do resolve.extensions, algo semelhante a:

resolve: {
  extensions: ['.min.js', '.js']
}
5
  • Perfeito Lucas! Então quer dizer que as extensions que você vai colocar primeiro, são as que serão priorizadas?
    – Jackson
    19/10/2017 às 17:32
  • Exatamente @Jackson!
    – BrTkCa
    19/10/2017 às 17:32
  • Ótimo Lucas, muito obrigado :) ! Vou aproveitar e já colocar meus CSS minificados em prioridade também ;)
    – Jackson
    19/10/2017 às 17:36
  • 1
    Para produção é o mais adequado, pelo melhor desempenho. Só pra desenvolvimento que pode não ser, porque o processo de minificação renomeia todas as variáveis e remove os espaços, dificultando o debug.
    – BrTkCa
    19/10/2017 às 17:37
  • Sim, disso eu sei Lucas, eu tenho um if NODE_ENV== Production. De qualquer forma fica para aqueles que vierem visitar minha pergunta! Valeu =)
    – Jackson
    19/10/2017 às 18:30

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .