Skip to content

pantoken / props-minify

props-minify

Beta

@pantoken/plugin-props-minify — combinar as transformações prune, flatten e mangle para as propriedades personalizadas --instui-* por meio de uma única utilidade applyMinify.

Cada pipeline que emite CSS (scripts de geração, renderers) usa applyMinify para uma superfície de minificação consistente sem depender diretamente do PostCSS.

Prune + mangle são seguros apenas para bundles autocontidos onde todas as referências var(--instui-*) e suas definições residem na mesma saída. Para consumidores de arquivos separados (@pantoken/css + @pantoken/components carregados independentemente), aplique apenas { flatten: true }.

Mangle através de limites de arquivo: passe a mesma instância Map como mangle.sharedManifest para cada chamada applyMinify que processa arquivos CSS carregados juntos. Processe primeiro a folha de tokens (ela semeia o manifesto), depois as folhas de componentes.

Exemplos

Aplique as três transformações a um bundle autocontido

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { prune: true, flatten: true, mangle: true });

Apenas flatten (seguro para consumidores de arquivos separados)

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const out = applyMinify(css, { flatten: true });

Mangle dois arquivos com o mesmo mapeamento

ts
import { applyMinify } from "@pantoken/plugin-props-minify";
const manifest = new Map<string, string>();
const tokenCss = applyMinify(rawTokens, { mangle: { sharedManifest: manifest } });
const componentCss = applyMinify(rawComponents, { mangle: { sharedManifest: manifest } });

Interfaces

Aliases de tipo

Variáveis

Funções