แฮชในไฟล์บิลด์ใน Webpack

ก่อนหน้านี้เราเคยพูดถึงปัญหาเรื่องการแคชไฟล์แล้ว ด้วย Webpack เราสามารถจัดการกับปัญหานี้ได้ง่าย Webpack อนุญาตให้เราเพิ่ม แฮช พิเศษลงในชื่อไฟล์ ซึ่งเป็นสตริงสุ่มที่ไม่ซ้ำใครที่สร้างขึ้นจากเนื้อหาของไฟล์บิลด์

นั่นหมายความว่าในการบิลด์แต่ละครั้ง ถ้ามีการเปลี่ยนแปลงในไฟล์โปรเจกต์ แฮชของไฟล์บิลด์ก็จะเปลี่ยนไปด้วย

สามารถเพิ่มแฮชไปยังชื่อไฟล์ได้ด้วยคำสั่งพิเศษ [contenthash] ลองทำดู:

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

เพิ่มแฮชไปยังชื่อไฟล์บิลด์ของคุณ บิลด์โปรเจกต์ แล้วดูชื่อไฟล์

ทำการเปลี่ยนแปลงในไฟล์โปรเจกต์ บิลด์โปรเจกต์ แล้วดูชื่อไฟล์ใหม่