HUGO

Hugopipes TAILWINDCSS postcss don't work correctly

hi

i testing tailwindcss with hugo 0.68.1, i’m inspired by @budparr with his repository : https://github.com/budparr/hugopipes-tailwindcss
i use this script for use postcss in dev but i have probleme with my css file.
my css file contain :

/!normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css/*,::before,::after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e2e8f0}

but file no contain my tailwindcss used in my template :frowning:

My repository

https://github.com/Shurikken/cocorico

could you help me please ?

@bep i edit because my first post was no clear

I guess there are some baseURL mismatch here.

The simplest would probably be to use relative URLs:

{{ $style := resources.Get "css/styles.css" | postCSS (dict "config" "./assets/css/postcss.config.js") | minify | fingerprint }}
<link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}">
{{ end }}

If that fails, you can try to remote the integrity attribute …

hi @bep
it’s no dangerous to remote integrity attribute ?

you code without integrity attribute resolve one part of my problem, my css working on https://cocorico.netlify.com & https://master–cocorico.netlify.com
i don’t understand why i’ve two domaine:s

but i have other problem, my css was not refresh if i change elements in my css they are no present on netlify :frowning: after push.

I wouldn’t say dangerous, but I was mentioning it as a debugging first step to figure out what’s the cause. You should try my first suggestion first.

yes i use your first suggest :slight_smile:
thank you for your help.

i foudn’t how i will resolving others problems i don’t found at this time :frowning:

1 Like

@bep i edit because my first post was no clear