pantoken / props-minify

props-minify ​

Bêta

@pantoken/plugin-props-minify — composer des transformations prune, flatten et mangle pour --instui-* propriétés personnalisées à l'aide d'un seul utilitaire applyMinify.

Chaque pipeline qui émet du CSS (scripts de génération, renderers) utilise applyMinify pour une surface de minification cohérente sans ajouter une dépendance directe à PostCSS.

Prune + mangle sont sécuritaires uniquement pour les bundles autonomes où toutes les références var(--instui-*) et leurs définitions résident dans la même sortie. Pour les consommateurs de fichiers séparés (@pantoken/css + @pantoken/components chargés indépendamment), n'appliquer que { flatten: true }.

Mangler à travers les frontières de fichiers : passer la même instance Map comme mangle.sharedManifest à chaque appel applyMinify qui traite des fichiers CSS chargés ensemble. Traiter d'abord la feuille de tokens (elle alimente le manifeste), puis les feuilles de composants.

Exemples ​

Appliquer les trois transformations à un bundle autonome

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

Aplatir seulement (sécuritaire pour les consommateurs de fichiers séparés)

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

Mangler deux fichiers avec la même correspondance

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 } });

Interfaces ​

Alias de type ​

Variables ​

Fonctions ​