beacon icon indicating copy to clipboard operation
beacon copied to clipboard

Tailwind classes not compiling in prod

Open absowoot opened this issue 11 months ago • 0 comments

Environment

  • Elixir version (elixir -v): 1.17.3
  • Phoenix version (mix deps): 1.7.11
  • Phoenix LiveView version (mix deps): ~> 1.0
  • Beacon version (mix deps): 0.3
  • Operating system: Mac OS
  • Browsers on which you attempted to reproduce this bug (the more the merrier): Chrome, Safari

Actual behavior

Beacon config includes tailwind_css and tailwind_config to pull in app.css and beacon.tailwind.config.bundle.js exactly as shown in the guides.

In production environment, app-based live_component's CSS is not compiled (ie it's missing in the stylesheet) when viewing a page created in Beacon. For example, my live component includes the class px-3 but it is not being defined in the page's stylesheet.

In dev environment, classes are defined as expected.

absowoot avatar Jan 14 '25 19:01 absowoot