When building the site to /public, is it possible to enforce minification of CSS files that reside in /static? Also, a second question. Is it possible to tell Hugo to join all CSS files into one (while respecting the order in which they are loaded by <head>?

Put CSS files in assets folder. yourprojectname/assets If none exists create it. Then in your template do {{ $css := resources.Match "*.css" | resources.Concat "name.css" | minify }} And to link it <link rel="stylesheet" href="{{ $css.Permalink }}">

[image] rokh: {{ $css := resources.Match “*.css” | resources.Concat “name.css” | minify }} Thank you, @rokh . I had to modify it slightly to enforce loading of CSS files in a specific order: {{ $stylea := resources.Get "css/style-a.css" }} {{ $styleb := resources.Get "css/style-b.css" }} {{ …

IF you want fingerprinting to reduce cache errors - add {{ if hugo.IsProduction }} {{ $ccs = $ccs | minify | resources.Fingerprint site.Params.digest }} {{end}} <link type=text/css rel=stylesheet href={{ $ccs.RelPermalink }} {{ if hugo.IsProduction }} integrity={{ $ccs.Data.Integrity }} {{end}} m…

How to minify CSS from `/static` on build-time? Also, merging CSS files together

support

system Closed June 25, 2020, 8:34am 5

This topic was automatically closed 2 days after the last reply. New replies are no longer allowed.

Topic		Replies	Views
Trying to bundle CSS files support	4	1379	June 28, 2020
Combining CSS files into one file support	7	5441	September 11, 2021
CSS Minify and Fingerprint	2	1999	October 28, 2019
May I add several css file in theme/static/css/? support	2	2280	November 11, 2017
Css for layouts/index.html support	7	10451	March 30, 2021

How to minify CSS from `/static` on build-time? Also, merging CSS files together

Related topics