pantoken / props-minify

props-minify ​

Beta

@pantoken/plugin-props-minify — tek bir applyMinify yardımcı programı aracılığıyla --instui-* özel özellikleri için budama, düzleştirme ve karıştırma dönüşümlerini bir araya getirir.

Her CSS-üreten boru hattı (üretim betikleri, render'lar) doğrudan PostCSS bağımlılığı almadan tutarlı bir küçültme yüzeyi için applyMinify kullanır.

Budama + karıştırma yalnızca kendi kendine yeten paketler için güvenlidir; tüm var(--instui-*) başvuruları ve tanımları aynı çıktı içinde bulunmalıdır. Ayrı dosya tüketicileri için (@pantoken/css + @pantoken/components bağımsız olarak yüklendiğinde), yalnızca { flatten: true } uygulayın.

Dosya sınırları boyunca karıştırma: birlikte yüklenen CSS dosyalarını işleyen her applyMinify çağrısına mangle.sharedManifest olarak aynı Map örneğini iletin. Önce token sayfasını işleyin (manifesti tohumlar), sonra bileşen sayfalarını.

Örnekler ​

Tüm üç dönüşümü kendi kendine yeten bir pakete uygulayın

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

Yalnızca düzleştir (ayrı dosya tüketicileri için güvenli)

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

Aynı eşleme ile iki dosyayı karıştır

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

Arayüzler ​

Tür Takma Adları ​

Değişkenler ​

Fonksiyonlar ​