Hash Webpackin bundletiedostossa

Aikaisemmin olemme jo keskustelleet tiedostojen välimuistin ongelmasta. Webpackin avulla tähän ongelmaan on helppo puuttua. Webpack mahdollistaa hashin lisäämisen tiedostonimeen, mikä on yksilöllinen satunnainen merkkijono, joka luodaan bundletiedoston sisällön perusteella.

Tämä tarkoittaa, että jokaisella uudella buildauksella, jos projektiin on tehty muutoksia, myös bundletiedoston hash muuttuu.

Hashin tiedostonimeen voi lisätä erikoiskomennolla [contenthash]. Tehdäänpä se:

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