pantoken / packages/plugin-kit/src / extendPlugin

Funzione: extendPlugin() ​

extendPlugin(base, overrides): PantokenPlugin

Beta

Creare un plugin sopra un altro. I hook nello stesso stage sono composti: tokens esegue base poi overrides (che vede l'output del plugin base); css unisce entrambi i CssContribution; icons/native eseguono entrambi; rehype concatena i resolver (sovrascrive il primo). Le capacità sono l'unione.

Parametri ​

base ​

PantokenPlugin

Il plugin da estendere.

overrides ​

Partial<PantokenPlugin>

Hook (e un name opzionale) sovrapposti.

Restituisce ​

PantokenPlugin

Un nuovo plugin brandizzato.

Esempio ​

Aggiungi un contributo CSS aggiuntivo sopra un plugin base

ts
import { definePlugin, extendPlugin } from "@pantoken/plugin-kit";

const base = definePlugin({ name: "brand", css: () => ({ append: ":root {}" }) });
const themed = extendPlugin(base, { css: () => ({ append: ".dark {}" }) });
// themed.css merges both contributions; its append holds ":root {}\n\n.dark {}"