Tailwind with yui CSS compressor enabled

[the-pulli]

Are there any strategies how to use Tailwind with yui as a CSS compressor?

If I enable yui, the already minified tailwind.css from (app/assets/builds) gets again minified (and messed up) by yui and copied as an asset to public/assets.

Can I configure Rails to exclude the tailwind.css from being minified again?

I reproduced the behaviour with yui directly in my console with same results as in my Rails app.

Attached you find the example files from my app:
tailwind-without-yui.txt
tailwind-yui.txt

Any help is appreciated, thanks 🙃

[flavorjones]

@the-pulli Since v2.0.13, you can generate unminified tailwind.css by passing the "debug" argument to the rake task:

bin/rails tailwindcss:build[debug]
# or
bin/rails tailwindcss:watch[debug]

Does that meet your needs? You may need to update your Procfile.dev if that's the workflow you're using.

[flavorjones]

This is documented in the README here: https://github.com/rails/tailwindcss-rails#debugging-with-unminified-assets

[the-pulli]

@flavorjones, thanks! That goes in the right direction. But in production I call bin/rails assets:precompile, which calls then bin/rails tailwindcss:build, if I understood it right. How do I pass the debug there? Or am I missing something here?

[flavorjones]

Ah, you're right, when it's invoked as a dependency the debug argument can't be injected easily.

I'm going to create an issue from this discussion, I think I can get to that in the next few days.

[flavorjones]

See #244

[the-pulli]

Awesome! Thanks so much for your help & support 👍

[dhh]

Why do you want to compress TW with yui?

[the-pulli]

If I don't set a CSS compressor my normal CSS won't get compressed. If I set yui as compressor, it compresses TW again and messes up the file.
Or am I doing something wrong here?

[the-pulli]

@flavorjones So you closed your PR #248. Will there be an implementation of that feature at another place in the Rails codebase?

[flavorjones]

My understanding off DHH's guidance on that PR was that (if things break otherwise) you should try to configure your minifier to avoid minifying the tailwindcss file.

[the-pulli]

Ok, so was my understanding too. But I'm not sure how to tell Rails to exclude the TW css from minification.

[flavorjones]

@the-pulli Can I ask that you create an issue in rails/rails to start a conversation with the rails core team about it? It may be worth explaining the setup in detail there (my understanding is that you're using Rails.application.config.assets.css_compressor = :yui and seeing broken styling, that would be useful to provide there so context is all in one place).

[the-pulli]

Done. See rails/rails#47553.