pantoken / mangle-custom-props

mangle-custom-props

Beta

@pantoken/plugin-mangle-custom-props — renomear nomes longos de propriedades personalizadas para identificadores sequenciais mínimos.

Nomes de tokens como --instui-component-alert-border-top-style são legíveis por humanos, mas caros em bundles minificados: o próprio nome tem 40+ bytes, repetidos na definição, em cada chamada var(), e em cada registro @property. Este plugin substitui cada nome correspondente — através das definições, referências var() e parâmetros @property — por um identificador mínimo (--a, --b, …, --aa, …), reduzindo a sobrecarga de nomes em ~90%.

Os nomes são coletados a partir da folha de estilos completa, ordenados alfabeticamente para um mapeamento determinístico, e então atribuídos sequencialmente. Uma opção MangleCustomPropsOptions.sharedManifest permite que várias passagens separadas do PostCSS compartilhem um mapeamento consistente, de modo que arquivos CSS processados separadamente que serão carregados juntos possam ser ofuscados com os mesmos nomes com segurança.

Exemplo

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

Interfaces

• MangleCustomPropsOptions

Aliases de tipo

• MangleMethod

Variáveis

• mangleCustomProps