Skip to content

pantoken / props-minify

props-minify

Бета

@pantoken/plugin-props-minify — поєднує трансформації prune, flatten та mangle для --instui-* змінних через єдину утиліту applyMinify.

Кожний pipeline, що виводить CSS (скрипти генерації, рендерери), використовує applyMinify для послідовного інтерфейсу мінімізації, не вимагаючи прямої залежності від PostCSS.

Prune + mangle безпечні лише для автономних бандлів, де всі посилання var(--instui-*) та їх визначення знаходяться в одному й тому самому виводі. Для споживачів з окремими файлами (@pantoken/css + @pantoken/components завантажуються окремо) застосовуйте лише { flatten: true }.

Mangle через межі файлів: передавайте той самий екземпляр Map як mangle.sharedManifest до кожного виклику applyMinify, що обробляє CSS-файли, завантажені разом. Спочатку обробіть аркуш токенів (він ініціює маніфест), потім аркуші компонентів.

Приклади

Застосувати усі три трансформації до автономного бандлу

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

Лише flatten (безпечний для споживачів з окремими файлами)

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

Mangle для двох файлів з однаковою мапою

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

Інтерфейси

Псевдоніми типів

Змінні

Функції