Hash en el archivo de compilación en Webpack

Anteriormente ya discutimos el problema del almacenamiento en caché de archivos. Con Webpack es fácil lidiar con este problema. Webpack permite agregar al nombre del archivo un hash especial, que representa una cadena única aleatoria, generada basándose en el contenido del archivo de compilación.

Esto significa que en cada nueva compilación, si se realizaron cambios en los archivos del proyecto, el hash del archivo de compilación cambiará.

El hash al nombre del archivo se puede agregar usando el comando especial [contenthash]. Hagámoslo:

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
  output: {
    filename: 'build.[contenthash].js',
  }
};
Задание 1

Agregue el hash al nombre de su archivo de compilación. Construya el proyecto. Observe el nombre del archivo.

Задание 2

Realice un cambio en los archivos del proyecto. Construya el proyecto. Observe el nombre del nuevo archivo.