pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — zmień długie nazwy właściwości niestandardowych na minimalne sekwencyjne identyfikatory.

Nazwy tokenów takie jak --instui-component-alert-border-top-style są czytelne dla ludzi, ale kosztowne w zminimalizowanych paczkach: sama nazwa zajmuje 40+ bajtów, powtarza się w definicji, przy każdym wywołaniu var(), i przy każdej rejestracji @property. Ten plugin zastępuje każdą pasującą nazwę — w definicjach, odniesieniach var() oraz parametrach @property — minimalnym identyfikatorem (--a, --b, …, --aa, …), redukując narzut nazw o ~90%.

Nazwy są zbierane z całego arkusza stylów, sortowane alfabetycznie dla deterministycznego mapowania, a następnie przypisywane sekwencyjnie. Opcja MangleCustomPropsOptions.sharedManifest pozwala wielu osobnym przebiegom PostCSS współdzielić jedno spójne mapowanie, więc oddzielnie przetworzone pliki CSS, które zostaną załadowane razem, można bezpiecznie zrandomizować tą samą mapą nazw.

Przykład ​

ts
import postcss from "postcss";
import { mangleCustomProps } from "@pantoken/plugin-mangle-custom-props";
const out = postcss([mangleCustomProps()]).process(css, { from: undefined }).css;

Interfejsy ​

Aliasy typów ​

Zmienne ​