pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — mengganti nama properti kustom yang panjang menjadi pengidentifikasi berurutan minimal identifiers.

Nama token seperti --instui-component-alert-border-top-style mudah dibaca manusia tetapi mahal dalam bundel yang diminifikasi: nama itu sendiri berukuran 40+ byte, diulang dalam definisi, setiap pemanggilan var(), dan setiap pendaftaran @property. Plugin ini menggantikan setiap nama yang cocok — di seluruh definisi, referensi var(), dan parameter @property — dengan pengidentifikasi minimal (--a, --b, …, --aa, …), mengurangi overhead nama sekitar ~90%.

Nama dikumpulkan dari seluruh stylesheet, diurutkan secara alfabet untuk pemetaan deterministik, kemudian diberi nomor berurutan. Opsi MangleCustomPropsOptions.sharedManifest memungkinkan beberapa pass PostCSS terpisah berbagi satu pemetaan konsisten, sehingga file CSS yang diproses terpisah yang akan dimuat bersama dapat aman dimangle dengan nama yang sama.

Contoh ​

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

Antarmuka ​

Alias Tipe ​

Variabel ​