Webpack에서 빌드 파일에 해시 추가하기

이전에 파일 캐싱 문제에 대해 이미 논의한 바 있습니다. Webpack을 사용하면 이 문제를 쉽게 해결할 수 있습니다. Webpack은 파일 이름에 빌드 파일 내용을 기반으로 생성된 고유한 임의의 문자열인 특별한 해시를 추가할 수 있게 해줍니다.

즉, 각각의 새로운 빌드에서 프로젝트 파일에 변경 사항이 있었다면 빌드 파일의 해시도 변경될 것입니다.

파일 이름에 해시는 특별한 커맨드 [contenthash]를 사용하여 추가할 수 있습니다. 한번 해봅시다:

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

빌드 파일 이름에 해시를 추가하세요. 프로젝트를 빌드하세요. 파일 이름을 확인하세요.

프로젝트 파일을 변경하세요. 프로젝트를 빌드하세요. 새로운 파일 이름을 확인하세요.