Para adicionar hash aos nomes de arquivos gerados no Webpack, você pode usar o plugin webpack-md5-hash. Esse plugin adiciona um hash único aos nomes dos arquivos gerados a cada nova construção, o que ajuda a evitar problemas de cache e a garantir a integridade dos arquivos.
Para usar o webpack-md5-hash, siga os seguintes passos:
Instale o plugin usando o npm ou yarn:
npm install --save-dev webpack-md5-hash
ou
yarn add --dev webpack-md5-hash
Importe o plugin no arquivo de configuração do Webpack (webpack.config.js):
const WebpackMd5Hash = require('webpack-md5-hash');
Adicione o plugin à lista de plugins do Webpack:
module.exports = {
// ...
output: {
filename: '[name].[chunkhash].js',
// ...
},
plugins: [
new WebpackMd5Hash()
// ...
]
}
No exemplo acima, estamos configurando o nome do arquivo de saída com o padrão [name].[chunkhash].js. O [chunkhash] é a parte que adiciona o hash único a cada arquivo gerado.
Com essas configurações, o Webpack irá gerar arquivos com nomes únicos a cada nova construção, garantindo que as alterações sejam devidamente refletidas no navegador e que os arquivos não sejam armazenados em cache de forma indevida.
