pantoken / prune-custom-props

prune-custom-props ​

Beta

@pantoken/plugin-prune-custom-props — poistaa kokoonpanosta käyttämättömät mukautetut ominaisuudet (tree-shake) koostetusta tyylisivusta.

pantokenin @pantoken/css tuottaa koko --instui-*-tunnistesarjan (≈1 800 kuvakkeen data-URI:ta sisällytettynä). Renderöijä, joka rakentuu tämän tason päälle mutta tyylittelee vain osaa järjestelmästä, muuten lähettäisi koko sarjan — joten tällainen renderöijä haluaa tämän. Aloittamalla var()- viitteistä todellisissa (ei-mukautetun-ominaisuuden) deklaratioissa, se transitivisesti säilyttää vain ovatkaan saavutettavissa olevat mukautetut ominaisuudet ja poistaa vastaavat käyttämättömät @property-rekisteröinnit.

Kyseessä on itsenäinen PostCSS-laajennus (aja se omassa PostCSS-putkessasi). Tehdas palauttaa tavallisen plugin-olion, joten tämän moduulin tuonti ei tuo mukanaan ajoaikaisia riippuvuuksia — postcss on vain tyyppi.

Esimerkki ​

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

Muuttujat ​

Viittaukset ​

default ​

Nimeää uudelleen ja vie uudelleen pruneCustomProps