pantoken-root / prune-custom-props

prune-custom-props ​

Bêta

@pantoken/plugin-prune-custom-props — tynnu eiddo arferol heb eu defnyddio o stylesheet cyfansawdd.

Mae @pantoken/css pantoken yn allyrru'r set token --instui-* cyfan (≈1,800 data-URI eicon yn cael eu cynnwys). Bydd rendrwr sy'n adeiladu ar yr haen hon ond sy'n arddullio dim ond sleis o'r system yn anfon y set gyfan fel arall — felly bydd unrhyw rendrwr o'r fath eisiau hyn. Gan ddechrau o'r cyfeiriadau var() mewn datganiadau go iawn (nad ydynt yn eiddo-personol/custom-property), mae'n cadw'n drosglwyddyddol dim ond yr eiddo arferol a all gael eu cyrraedd mewn gwirionedd, ac yn tynnu'r cofrestriadau @property diwerth sy'n cyfateb.

Mae'n ategyn PostCSS annibynnol (rhedwch ef yn eich piblin PostCSS eich hun). Mae'r ffatri yn dychwelyd gwrthrych ategyn syml, felly nid yw mewnforio'r modiwl hwn yn denu unrhyw ddibyniaeth amser-rhediad — mae postcss yn fath yn unig.

Enghraifft ​

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

Newidynnau ​

Cyfeiriadau ​

default ​

Ailenwi ac ail-allforio pruneCustomProps