Skip to content

pantoken-root / 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 ​