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:
export default {
entry: [
'./src/test1.js',
'./src/test2.js'
],
output: {
filename: 'build.[contenthash].js',
}
};
Lisää hash bundletiedostosi nimeen. Buildaa projekti. Tarkastele tiedoston nimeä.
Tee muutos projektiin. Buildaa projekti. Tarkastele uuden tiedoston nimeä.