pantoken / props-minify

props-minify ​

Bêta

@pantoken/plugin-props-minify — cyfuno trosi trimio, gwastadu, a llygru ar gyfer --instui-* properties arferol trwy un utiliti applyMinify.

Mae pob piblinell sy'n allyrru CSS (sgripts generadu, renderers) yn defnyddio applyMinify ar gyfer wyneb minfio cyson heb gymryd dibyniaeth PostCSS uniongyrchol.

Mae Trimio + llygru yn ddiogel ond i ffitiau hunan-gyfyngedig lle mae holl gyfeiriadau var(--instui-*) a'u diffiniadau yn byw yn yr un allbwn. Ar gyfer defnyddwyr ffeiliau ar wahân (@pantoken/css + @pantoken/components wedi'u llwytho'n annibynnol), defnyddiwch dim ond { flatten: true }.

Gwylio llygru ar draws ffiniau ffeil: pasio'r un achos Map fel mangle.sharedManifest i bob galwad applyMinify sy'n prosesu ffeiliau CSS a llwythir ynghyd. Proseswch y daflen token yn gyntaf (mae'n peillio'r manifest), yna dalenni cydrannau.

Enghreifftiau ​

Cymhwyso'r tri throsi i ffit hunan-gyfyngedig

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

Gwastadu yn unig (diogel i ddefnyddwyr ffeiliau ar wahân)

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

Llygru dau ffeil gyda'r un mapio

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

Rhyngwynebau ​

Aliasau Math ​

Newidynnau ​

Swyddogaethau ​