pantoken / props-minify
props-minify
Béta
@pantoken/plugin-props-minify — a prune, flatten és mangle transzformációk összeállítása a(z) --instui-* egyéni tulajdonságokhoz egyetlen applyMinify segédprogram segítségével.
Minden CSS-t kibocsátó csővezeték (generáló szkriptek, renderelők) a applyMinify-t használja a konzisztens minifikációs felület érdekében, anélkül, hogy közvetlen PostCSS-függőséget vállalna.
A prune + mangle használata csak az önálló csomagok esetében biztonságos, ahol az összes var(--instui-*) hivatkozás és azok definíciói ugyanabban a kimenetben találhatók. Különálló fájlokat használók esetén (ha a @pantoken/css + @pantoken/components függetlenül van betöltve) csak a { flatten: true } transzformációt alkalmazza.
Mangle fájlhatárokon át: adja át ugyanazt a Map példányt mangle.sharedManifest opcióként minden olyan applyMinify hívásnak, amely az együtt betöltött CSS-fájlokat dolgozza fel. Először a token-stíluslapot dolgozza fel (ez feltölti a manifesztet), majd a komponens-stíluslapokat.
Példák
Mindhárom transzformáció alkalmazása egy önálló csomagra
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { prune: true, flatten: true, mangle: true });Csak flatten (biztonságos a különálló fájlokat használók számára)
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { flatten: true });Két fájl mangle-elése ugyanazzal a leképezéssel
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 } });