WIP: Add tailwind-jit transformation

This will essentially use the current best workaround to run Hugo Pipe + JIT Addresses #43
theNewDynamic · Feb 11, 2022 · 6e8adfe · 6e8adfe
1 parent a213ea1
commit 6e8adfe
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 0 deletions.
diff --git a/core/styles/private/GetTransformations.html b/core/styles/private/GetTransformations.html
@@ -9,6 +9,7 @@
   - PostCSS
   - PostProcess
   - tailwind
+  - tailwind-jit
   - toCSS
 
   @author @regisphilibert
@@ -35,6 +36,8 @@
 {{ with .use }}
   {{ if in . "tailwind" }}
     {{ $transformations = $transformations | append (slice "tailwind" "PostCSS") }}
+  {{ else if in . "tailwind-jit" }}
+  {{ $transformations = $transformations | append (slice "tailwind" "tailwind-jit" "PostCSS") }}
   {{ else }}
     {{ if in . "postcss" }}
       {{ $transformations = $transformations | append "PostCSS" }}

diff --git a/core/styles/private/transform/tailwind-jit.html b/core/styles/private/transform/tailwind-jit.html
@@ -0,0 +1,9 @@
+{{/* 
+  For now a workaround, as Hugo is not yet supporting Tailwind-JIT.
+  See https://dev.to/jonas_duri/how-to-use-tailwindcss-30-without-external-npm-scripts-just-hugo-pipes-2lg9 from @Gioni06
+  */}}
+{{ $resource := . }}
+{{ if site.IsServer }}
+  {{ $resource = . | resources.ExecuteAsTemplate (printf "tailwind.dev.%v.css" now.UnixMilli) . }}
+{{ end }}
+{{ return $resource }}