pantoken / mangle-custom-props

mangle-custom-props

Beta

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

Nomes de tokens como --instui-component-alert-border-top-style são legíveis por humanos, mas caros em pacotes minificados: o próprio nome tem 40+ bytes, repetido na definição, em cada chamada var(), e em cada registro @property. Este plugin substitui cada nome correspondente — através de 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 de toda a folha de estilos, ordenados alfabeticamente para um mapeamento determinístico, e então atribuídos sequencialmente. Uma opção MangleCustomPropsOptions.sharedManifest permite que várias passagens PostCSS separadas compartilhem um mapeamento consistente, de modo que arquivos CSS processados separadamente que serão carregados juntos possam ser ofuscados com os mesmos nomes de forma segura.

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