Skip to content

pantoken / props-minify

props-minify

Beta

@pantoken/plugin-props-minify — menyusun transform prune, flatten, dan mangle untuk --instui-* properti kustom melalui satu utilitas applyMinify.

Setiap pipeline yang menghasilkan CSS (generate scripts, renderers) menggunakan applyMinify untuk permukaan minifikasi yang konsisten tanpa bergantung langsung pada PostCSS.

Prune + mangle hanya aman untuk bundle yang mandiri di mana semua referensi var(--instui-*) dan definisinya berada dalam output yang sama. Untuk konsumen berkas terpisah (@pantoken/css + @pantoken/components dimuat secara terpisah), terapkan hanya { flatten: true }.

Mangle lintas batas berkas: berikan instance Map yang sama sebagai mangle.sharedManifest ke setiap panggilan applyMinify yang memproses berkas CSS yang dimuat bersama. Proses lembar token terlebih dahulu (itu menyediakan manifest), lalu lembar komponen.

Contoh

Terapkan ketiga transformasi ke bundle yang mandiri

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

Hanya flatten (aman untuk konsumen berkas terpisah)

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

Mangle dua berkas dengan pemetaan yang sama

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 } });

Antarmuka

Alias Tipe

Variabel

Fungsi