Hash în fișierul de build în Webpack

Am discutat deja anterior despre problema cache-ului fișierelor. Cu Webpack putem rezolva cu ușurință această problemă. Webpack permite adăugarea la numele fișierului a unui hash special, reprezentând un șir unic aleatoriu, generat pe baza conținutului fișierului de build.

Aceasta înseamnă că la fiecare build nou, dacă au fost făcute modificări în fișierele proiectului, atunci și hash-ul fișierului de build se va schimba.

Hash la numele fișierului poate fi adăugat cu ajutorul comenzii speciale [contenthash]. Hai să facem asta:

webpack.config.jsexport default {
  entry: [
    './src/test1.js',
    './src/test2.js'
  ],
  output: {
    filename: 'build.[contenthash].js',
  }
};