pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — łączy transformacje prune, flatten i mangle dla --instui-* właściwości niestandardowych za pomocą pojedynczego narzędzia applyMinify.

Każdy pipeline emitujący CSS (skrypty generujące, renderery) używa applyMinify dla spójnej warstwy minimalizacji bez bezpośredniej zależności od PostCSS.

Prune i mangle są bezpieczne tylko dla samodzielnych pakietów gdzie wszystkie var(--instui-*) odwołania i ich definicje znajdują się w tym samym pliku wyjściowym. Dla konsumentów wieloplikiowych (@pantoken/css + @pantoken/components ładowane niezależnie), stosuj tylko { flatten: true }.

Mangle przez granice plików: przekaż tę samą instancję Map jako mangle.sharedManifest do każdego wywołania applyMinify, które przetwarza pliki CSS ładowane razem. Najpierw przetwórz arkusz tokenów (to zasiewa manifest), potem arkusze komponentów.

Przykłady ​

Zastosuj wszystkie trzy transformacje do samodzielnego pakietu

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

Tylko flatten (bezpieczne dla konsumentów wieloplikiowych)

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

Mangle dwóch plików z tym samym mapowaniem

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

Interfejsy ​

Aliasy typów ​

Zmienne ​

Funkcje ​