Skip to content

pantoken / packages/plugin-kit/src / extendPlugin

関数: extendPlugin()

extendPlugin(base, overrides): PantokenPlugin

ベータ

別のプラグインの上にプラグインを構築します。同じステージのフックは合成されます:tokensbase を実行した後 overrides(base の出力を参照します)を実行します;css は両方の CssContribution をマージします;icons/native は 両方を実行します;rehype はリゾルバをチェーンします(最初を上書きします)。機能は和集合になります。

パラメーター

base

PantokenPlugin

拡張するプラグイン。

overrides

Partial<PantokenPlugin>

上に重ねられるフック(および任意の name)。

戻り値

PantokenPlugin

新しいブランド化されたプラグイン。

ベースプラグインの上に追加の CSS 貢献を加える

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 {}"