Hash trong tập tin build của Webpack

Trước đây chúng ta đã thảo luận về vấn đề bộ nhớ đệm tập tin. Với Webpack, có thể dễ dàng giải quyết vấn đề này. Webpack cho phép thêm vào tên tập tin một hash đặc biệt, đại diện cho một chuỗi ngẫu nhiên duy nhất, được tạo ra dựa trên nội dung của tập tin build.

Điều này có nghĩa là với mỗi lần build mới, nếu có thay đổi được thực hiện trong các tập tin dự án, thì hash của tập tin build cũng sẽ thay đổi.

Hash vào tên tập tin có thể được thêm bằng lệnh đặc biệt [contenthash]. Hãy thực hiện điều đó:

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

Hãy thêm hash vào tên tập tin build của bạn. Build dự án. Kiểm tra tên tập tin.

Thực hiện một thay đổi trong các tập tin dự án. Build dự án. Kiểm tra tên tập tin mới.