pantoken / mangle-custom-props

mangle-custom-props

Beta

@pantoken/plugin-mangle-custom-props — renombrar nombres largos de propiedades personalizadas a identificadores secuenciales mínimos identificadores.

Nombres de tokens como --instui-component-alert-border-top-style son legibles por humanos pero costosos en paquetes minificados: el nombre en sí ocupa 40+ bytes, repetido en la definición, en cada llamada a var(), y en cada registro @property. Este plugin reemplaza cada nombre coincidente — en definiciones, referencias var() y parámetros @property — por un identificador mínimo (--a, --b, …, --aa, …), reduciendo la sobrecarga de nombres en ~90%.

Los nombres se recopilan del stylesheet completo, se ordenan alfabéticamente para obtener un mapeo determinista, y luego se asignan secuencialmente. Una opción MangleCustomPropsOptions.sharedManifest permite que varias pasadas separadas de PostCSS compartan un mapeo consistente, de modo que archivos CSS procesados por separado que se carguen juntos puedan ser ofuscados con los mismos nombres de forma segura.

Ejemplo

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

Interfaces

• MangleCustomPropsOptions

Alias de tipo

• MangleMethod

Variables

• mangleCustomProps