Hugo generates stats about the HTML elements, IDs and classes that can be found in the website, and we post-process the rendered CSS with postcss-purgecss that uses those stats to remove unused selectors. Signed-off-by: Kévin Commaille <zecakeh@tedomum.fr>
38 lines
No EOL
1.3 KiB
HTML
38 lines
No EOL
1.3 KiB
HTML
{{- /*
|
|
|
|
A modified version of the head-css.html partial of Docsy, that adds a call to
|
|
`resources.PostProcess`, allowing post-processing of the generated CSS to
|
|
remove unused selectors.
|
|
|
|
*/ -}}
|
|
|
|
{{ $scssMain := "scss/main.scss" -}}
|
|
{{ $css := resources.Get $scssMain
|
|
| toCSS (dict "enableSourceMap" (not hugo.IsProduction)) -}}
|
|
|
|
{{/* NOTE: we only apply `postCSS` in production or for RTL languages. This
|
|
makes it snappier to develop in Chrome, but it may look sub-optimal in other
|
|
browsers. */ -}}
|
|
|
|
{{ if eq .Site.Language.LanguageDirection "rtl" -}}
|
|
{{ $css = $css
|
|
| postCSS (dict "use" "autoprefixer rtlcss" "noMap" true)
|
|
| resources.Copy (replace $scssMain "." ".rtl.") -}}
|
|
{{ else if hugo.IsProduction -}}
|
|
{{ $css = $css | postCSS -}}
|
|
{{ end -}}
|
|
|
|
{{ if hugo.IsProduction -}}
|
|
{{ $css = $css | minify | fingerprint | resources.PostProcess -}}
|
|
<link rel="preload" href="{{ $css.RelPermalink }}" as="style" integrity="{{ $css.Data.Integrity }}" crossorigin="anonymous">
|
|
{{ end -}}
|
|
|
|
{{ with $css -}}
|
|
<link href="{{ .RelPermalink }}" rel="stylesheet"
|
|
{{- with .Data.Integrity }} integrity="{{ . }}" crossorigin="anonymous"{{ end -}}
|
|
>
|
|
{{ else -}}
|
|
{{ errorf "Resource not found or error building CSS: %s" $scssMain -}}
|
|
{{ end -}}
|
|
|
|
{{- /**/ -}} |