pantoken / mangle-custom-props

mangle-custom-props

Beta

@pantoken/plugin-mangle-custom-props — uzun özel özellik adlarını minimum ardışık tanımlayıcılara yeniden adlandırır.

İnsan tarafından okunabilir olan --instui-component-alert-border-top-style gibi token adları, minify edilmiş paketlerde maliyetlidir: adın kendisi 40+ bayttır, tanımda, her var() çağrısında ve her @property kaydında tekrar eder. Bu eklenti, eşleşen her adı — tanımlar genelinde, var() referanslarında ve @property parametrelerinde — minimal bir tanımlayıcıyla (--a, --b, …, --aa, …) değiştirir ve ad yükünü yaklaşık ~90% azaltır.

Adlar tüm stil sayfasından toplanır, deterministik bir eşleme için alfabetik olarak sıralanır ve ardından ardışık olarak atanır. Bir MangleCustomPropsOptions.sharedManifest seçeneği, birden çok ayrı PostCSS geçişinin tek bir tutarlı eşlemeyi paylaşmasına izin verir; böylece birlikte yüklenecek ayrı işlenen CSS dosyaları aynı adlarla güvenle karıştırılabilir.

Örnek

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

Arayüzler

• MangleCustomPropsOptions

Tür Takma Adları

• MangleMethod

Değişkenler

• mangleCustomProps