pantoken / props-minify

props-minify ​

Βήτα

@pantoken/plugin-props-minify — συνθέτει μετασχηματισμούς prune, flatten και mangle για τις προσαρμοσμένες ιδιότητες --instui-* μέσω ενός μοναδικού βοηθητικού applyMinify.

Κάθε pipeline που εξάγει CSS (generate scripts, renderers) χρησιμοποιεί το applyMinify για μια ενιαία επιφάνεια μινιμαλοποίησης χωρίς να απαιτείται άμεση εξάρτηση από το PostCSS.

Prune + mangle είναι ασφαλείς μόνο για αυτόνομα bundles όπου όλες οι αναφορές var(--instui-*) και οι ορισμοί τους βρίσκονται στην ίδια έξοδο. Για καταναλωτές με ξεχωριστά αρχεία (@pantoken/css + @pantoken/components που φορτώνονται ανεξάρτητα), εφαρμόστε μόνο { flatten: true }.

Mangle across file boundaries: περάστε την ίδια στιγμιότυπο του Map ως mangle.sharedManifest σε κάθε κλήση applyMinify που επεξεργάζεται αρχεία CSS που φορτώνονται μαζί. Επεξεργαστείτε πρώτα το φύλλο tokens (αυτό τροφοδοτεί το manifest), και μετά τα φύλλα των components.

Παραδείγματα ​

Εφαρμόστε και τους τρεις μετασχηματισμούς σε ένα αυτόνομο πακέτο

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { prune: true, flatten: true, mangle: true });

Μόνο εξομάλυνση (ασφαλές για καταναλωτές ξεχωριστών αρχείων)

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { flatten: true });

Αλλοιώστε δύο αρχεία με την ίδια αντιστοίχιση

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const manifest = new Map<string, string>();
const tokenCss = applyMinify(rawTokens, { mangle: { sharedManifest: manifest } });
const componentCss = applyMinify(rawComponents, { mangle: { sharedManifest: manifest } });

Διεπαφές ​

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

Μεταβλητές ​

Συναρτήσεις ​