pantoken / mangle-custom-props

mangle-custom-props ​

Beta

@pantoken/plugin-mangle-custom-props — menamakan semula nama sifat tersuai yang panjang kepada pengecam bersiri yang minimum .

Nama token seperti --instui-component-alert-border-top-style boleh dibaca manusia tetapi mahal dalam bundel termampat: nama itu sendiri lebih 40+ bait, diulang dalam definisi, setiap panggilan var(), dan setiap pendaftaran @property. Plugin ini menggantikan setiap nama yang sepadan — merentasi definisi, rujukan var(), dan parameter @property — dengan pengecam minimum (--a, --b, …, --aa, …), mengurangkan overhead nama sebanyak ~90%.

Nama dikumpulkan dari helaian gaya penuh, disusun mengikut abjad untuk pemetaan yang deterministik, kemudian diberikan secara bersiri. Pilihan MangleCustomPropsOptions.sharedManifest membenarkan beberapa laluan PostCSS berasingan berkongsi satu pemetaan konsisten, jadi fail CSS yang diproses secara berasingan yang akan dimuatkan bersama boleh selamat dimampatkan 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;

Antaramuka ​

Alias Jenis ​

Pembolehubah ​