Hugo의 resources.Get과 파이프라인을 사용하면 별도의 빌드 도구 없이 CSS/JS를 minify하고 fingerprint를 추가할 수 있다.

1
2

{{ $css := resources.Get "css/style.css" | minify | fingerprint }}
<link rel="stylesheet" href="{{ $css.RelPermalink }}">

fingerprint는 파일 내용 기반 해시를 URL에 추가해서 브라우저 캐시 무효화를 자동으로 처리한다. Webpack이나 Vite 없이도 프로덕션 수준의 에셋 파이프라인을 구축할 수 있다는 점이 Hugo의 큰 장점.