Skip to content

pantoken / prune-custom-props

prune-custom-props

Beta(測試)

@pantoken/plugin-prune-custom-props — 對組合的樣式表進行 tree-shake,移除未使用的自訂屬性。

pantoken 的 @pantoken/css 會輸出整套 --instui-* 代幣集合(包含約 1,800 個圖示 data-URI)。建立在該層之上的渲染器若只樣式化系統的一小部分,否則會連整套一起打包 — 因此任何此類渲染器都需要此功能。從實際(非自訂屬性)宣告中的 var() 參考開始,它會傳遞式地保留實際可達的自訂屬性,並移除相符但未使用的 @property 註冊。

這是一個獨立的 PostCSS 外掛(請在自己的 PostCSS 管線中執行)。工廠函式回傳一個純外掛物件,故匯入此模組不會帶入執行時相依 — postcss 僅為一個型別。

範例

ts
import postcss from "postcss";
import { pruneCustomProps } from "@pantoken/plugin-prune-custom-props";
const out = postcss([pruneCustomProps()]).process(css, { from: undefined }).css;

變數

參考

default

重新命名並重新匯出 pruneCustomProps