pantoken / mangle-custom-props

mangle-custom-props ​

Βήτα

@pantoken/plugin-mangle-custom-props — μετονομασία των μακρών προσαρμοσμένων ονομάτων ιδιοτήτων σε ελάχιστους διαδοχικούς ταυτοποιητές.

Τα ονόματα tokens όπως --instui-component-alert-border-top-style είναι ευανάγνωστα από ανθρώπους αλλά δαπανηρά σε μινιμαρισμένα πακέτα: το ίδιο το όνομα καταλαμβάνει 40+ bytes, επαναλαμβάνεται στον ορισμό, σε κάθε var() κλήση, και σε κάθε καταχώριση @property. Αυτό το plugin αντικαθιστά κάθε ταυτόσημο όνομα — σε ολόκληρους τους ορισμούς, αναφορές var(), και παραμέτρους @property — με ένα ελάχιστο αναγνωριστικό (--a, --b, …, --aa, …), μειώνοντας το κόστος του ονόματος κατά ~90%.

Τα ονόματα συλλέγονται από ολόκληρο το stylesheet, ταξινομούνται αλφαβητικά για ντετερμινιστικό χαρτογράφημα, και στη συνέχεια ανατίθενται διαδοχικά. Η επιλογή [MangleCustomPropsOptions.sharedManifest] επιτρέπει σε πολλαπλές ξεχωριστές διελεύσεις PostCSS να μοιραστούν έναν συνεπή χάρτη, ώστε τα ξεχωριστά επεξεργασμένα αρχεία CSS που θα φορτωθούν μαζί να μπορούν με ασφάλεια να υποστούν mangle με τα ίδια ονόματα.

Παράδειγμα ​

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

Διεπαφές ​

Συνώνυμα τύπου ​

Μεταβλητές ​