Hash dans le fichier de build dans Webpack
Nous avons déjà évoqué précédemment le problème de la mise en cache des fichiers. Avec Webpack, il est facile de résoudre ce problème. Webpack permet d'ajouter au nom du fichier un hash spécial, représentant une chaîne unique et aléatoire, générée sur la base du contenu du fichier de build.
Cela signifie qu'à chaque nouveau build, si des modifications ont été apportées aux fichiers du projet, le hash du fichier de build changera également.
Le hash peut être ajouté au nom du fichier
à l'aide de la commande spéciale
[contenthash].
Faisons cela :
export default {
entry: [
'./src/test1.js',
'./src/test2.js'
],
output: {
filename: 'build.[contenthash].js',
}
};
Ajoutez un hash au nom de votre fichier de build. Buildez le projet. Regardez le nom du fichier.
Apportez une modification aux fichiers du projet. Buildez le projet. Regardez le nom du nouveau fichier.