Skip to content

pantoken-root / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — gabungkan transform pangkas, ratakan, dan mangle untuk --instui-* sifat tersuai melalui satu utiliti applyMinify.

Setiap saluran yang menjana CSS (skrip penjanaan, renderer) menggunakan applyMinify untuk permukaan pemampatan yang konsisten tanpa bergantung terus kepada PostCSS.

Prune + mangle hanya selamat untuk bundle tersendiri di mana semua rujukan var(--instui-*) dan definisinya wujud dalam keluaran yang sama. Untuk pengguna fail berasingan (@pantoken/css + @pantoken/components dimuat secara berasingan), gunakan hanya { flatten: true }.

Mangle merentas sempadan fail: berikan contoh Map yang sama sebagai mangle.sharedManifest kepada setiap panggilan applyMinify yang memproses fail CSS yang dimuatkan bersama. Proses helaian token dahulu (ia mengisi manifest), kemudian helaian komponen.

Contoh ​

Gunakan ketiga-tiga transform pada bundle tersendiri

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

Hanya ratakan (selamat untuk pengguna fail berasingan)

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

Mangle dua fail 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 } });

Antaramuka ​

Alias Jenis ​

Pembolehubah ​

Fungsi ​