pantoken / props-minify

props-minify ​

בטא

@pantoken/plugin-props-minify — מחבר את הטרנספורמים prune, flatten ו-mangle עבור --instui-* custom properties דרך כלי עזר יחיד applyMinify.

כל צינור הפולט CSS (תסריטי generate, renderers) משתמש ב-applyMinify למשטח המיניפיקציה בעקביות מבלי לדרוש תלות ישירה ב-PostCSS.

Prune + mangle בטוחים רק עבור bundle עצמאי שבו כל ההפניות ל-var(--instui-*) וההגדרות שלהן נמצאות באותו פלט. עבור צרכנים בקבצים נפרדים (@pantoken/css + @pantoken/components נטענים באופן עצמאי), יש להחיל רק את { flatten: true }.

Mangle מעבר לגבולות קבצים: העבר את אותה מופע Map כ- mangle.sharedManifest לכל קריאת applyMinify שמעבדת קבצי CSS נטענים יחד. עבד קודם את גיליון הטוקנים (הוא מזין את המניפסט), ואז את גיליונות הרכיבים.

דוגמאות ​

החל את שלושת הטרנספורמים על bundle עצמאי

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

רק Flatten (בטוח עבור צרכנים בקבצים נפרדים)

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

Mangle לשני קבצים עם אותה מיפוי

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

ממשקים ​

כינויים של טיפוסים ​

משתנים ​

פונקציות ​