pantoken / prune-custom-props

prune-custom-props ​

Βήτα

@pantoken/plugin-prune-custom-props — αφαιρεί (tree-shake) τις μη χρησιμοποιούμενες προσαρμοσμένες ιδιότητες από ένα συντιθέμενο φύλλο στυλ.

Το @pantoken/css του pantoken εκπέμπει ολόκληρο το σύνολο tokens --instui-* (≈1.800 data-URI εικονιδίων συμπεριλαμβάνονται). Ένας renderer που βασίζεται σε εκείνο το επίπεδο αλλά στιλιζει μόνο ένα τμήμα του συστήματος θα διέθετε αλλιώς ολόκληρο το σετ — έτσι κάθε τέτοιος renderer το χρειάζεται. Ξεκινώντας από τις αναφορές var() σε πραγματικές (όχι custom-property) δηλώσεις, διατηρεί μεταβατικά μόνο τις προσαρμοσμένες ιδιότητες που είναι πραγματικά προσβάσιμες και απορρίπτει τις αντίστοιχες μη χρησιμοποιημένες εγγραφές @property.

Είναι ένα αυτόνομο plugin για PostCSS (τρέξτε το στη δική σας PostCSS pipeline). Η factory επιστρέφει ένα απλό αντικείμενο plugin, οπότε η εισαγωγή αυτού του module δεν τραβάει καμία runtime εξάρτηση — το 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