Hash στο αρχείο συλλογής στο Webpack

Προηγουμένως, έχουμε ήδη συζητήσει το πρόβλημα της προσωρινής αποθήκευσης αρχείων. Με το Webpack μπορούμε εύκολα να αντιμετωπίσουμε αυτό το πρόβλημα. Το Webpack επιτρέπει την προσθήκη στο όνομα του αρχείου ενός ειδικού hash, που αντιπροσωπεύει μια μοναδική τυχαία συμβολοσειρά, που δημιουργείται βάσει του περιεχομένου του αρχείου συλλογής.

Αυτό σημαίνει ότι σε κάθε νέα συλλογή, αν έχουν γίνει αλλαγές στα αρχεία του project, τότε και το hash του αρχείου συλλογής θα αλλάξει.

Το hash στο όνομα του αρχείου μπορεί να προστεθεί με την βοήθεια της ειδικής εντολής [contenthash]. Ας το κάνουμε:

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

Προσθέστε hash στο όνομα του αρχείου συλλογής σας. Δοκιμάστε το project. Δείτε το όνομα του αρχείου.

Κάντε μια αλλαγή στα αρχεία του project. Δοκιμάστε ξανά το project. Δείτε το όνομα του νέου αρχείου.