Saída : Existem dois nome de arquivo de configuração e chunkFilename
Nome do arquivo: código de sincronização do pacote
chunkFilename: código assíncrono do pacote
A configuração é a seguinte:
1 、nome do arquivo: 'js / [name]. [ Hash ] .js' :
Hash : é baseado em todo o projeto.O projeto é criado usando o mesmo hash. Qualquer alteração no arquivo mudará todos os hashes.
2 、nome do arquivo: 'js / [name]. [ Chunkhash ] .js'
Chunkhash : de acordo com o arquivo de entrada (Entrada) para analisar o arquivo dependente , construa um pedaço correspondente para cada módulo e gere o hash correspondente.
- Por exemplo, existem dois arquivos Início, Sobre;
Os componentes de cabeçalho e rodapé são introduzidos de forma síncrona no Home .
Quando o Início muda o código e os pacotes, o arquivo inicial Chunkhas h será alterado e o índice do arquivo de entrada Chunkhas h será alterado.
Quando o código do cabeçalho é alterado,o Chunkhas h do Home também muda, e o Chunkhas h do índice do arquivo de entrada é alterado.
Os componentes de cabeçalho e rodapé são introduzidos de forma síncrona no Home . W cabeçalho ebpack e rodapé será embalado separadamente, se o cabeçalho mudou, cabeçalho si Chunkhas H vai mudar, tal como um índice de arquivo mudará
- A embalagem do css será especial: geralmente use contentHash