Tailwind Standalone for Elixir Phoenix 1.6.5

Missing parts of Tailwind Standalone for Phoenix for me and my case. These are notes for me.
First of all you need to read & apply original article then here are the list of my adds;

Include Tailwind In the CSS

@tailwind base;
@tailwind components;
@tailwind utilities;

Also you may consider to remove following reference;

@import "./phoenix.css";

Building CSS in Production

Need to add following section to “assets.deploy” task (right before “phx.digest” is ok) in mix.exs file;

"tailwind default --minify"

Yes it’s support “–minify“, it’s described https://github.com/phoenixframework/tailwind;

Using Custom Component Classes

As I try, there is no support for it (as of 2021) via “postcss-import”. We should find some other way to have it.

Regards.

Share