pantoken / prune-custom-props

prune-custom-props ​

Բետա

@pantoken/plugin-prune-custom-props — հեռացնում է կազմված stylesheet-ից չօգտագործվող custom հատկությունները (tree-shake).

pantoken-ի @pantoken/css արտադրում է ամբողջ --instui-* token հավաքածուն (մոտավորապես 1,800 icon data-URI ներառված): renderer, որը կառուցվում է այդ շերտի վրա, բայց ստիլում է ծրագրի միայն մի մասը, այլապես պետք է ուղարկի ամբողջ հավաքածուն — դրա համար նման renderer-ները շահագրգռված են այսությամբ։ Սկսելով var() հղումներից իրական (ոչ custom-property) հայտարարություններում, այն թռուցիկորեն պահում է միայն այն custom հատկությունները, որոնք հասանելի են, և կորացնում է համապատասխան չկիրառվող @property գրանցումները.

Այն ինքնուրույն PostCSS plugin է (տեղադրեք ձեր սեփական PostCSS խողովակաշարում): ֆաբրիկան վերադարձնում է պարզ plugin օբյեկտ, այդպիսով այս մոդուլը ներմուծելիս ռuntime կախվածություն չի բերում — 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