Skip to content

pantoken / packages/plugin-kit/src / extendPlugin

函式: extendPlugin()

extendPlugin(base, overrides): PantokenPlugin

Beta(測試)

在另一個插件之上建立一個插件。同階段的 hooks 會被組合:tokens 先執行 base,然後 overrides(可看到基底的輸出);css 合併兩個 CssContributionicons/native 兩者都會執行;rehype 將解析器串接(以覆蓋先前者為優先)。能力為聯集。

參數

base

PantokenPlugin

要擴展的插件。

overrides

Partial<PantokenPlugin>

置於上層的 hooks(以及可選的 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 {}"