mix compile.phoenix_kit_css_sources (phoenix_kit v1.7.102)

Copy Markdown View Source

Mix compiler that auto-generates CSS @source directives for PhoenixKit modules.

Discovers external modules via PhoenixKit.ModuleDiscovery, calls css_sources/0 on each, resolves their paths, and writes assets/css/_phoenix_kit_sources.css. The parent app's app.css imports this file.

Zero-config: add a module with css_sources/0 and it gets picked up automatically.

Setup

Add to your mix.exs compilers list:

compilers: [:phoenix_kit_css_sources, :phoenix_live_view] ++ Mix.compilers()

And import the generated file in assets/css/app.css:

@import "./_phoenix_kit_sources.css";