pantoken / props-minify

props-minify ​

베타

@pantoken/plugin-props-minify — 단일 applyMinify 유틸리티를 통해 --instui-* 커스텀 속성에 대해 prune, flatten 및 mangle 변환을 조합합니다.

각 CSS-출력 파이프라인(생성 스크립트, 렌더러)은 직접적인 PostCSS 의존성을 추가하지 않고도 일관된 minification 인터페이스를 위해 applyMinify을 사용합니다.

Prune + mangle은 자체 포함 번들에서만 안전합니다 — 모든 var(--instui-*) 참조와 해당 정의가 동일 출력에 존재하는 경우에 해당합니다. 별도 파일 소비자(@pantoken/css + @pantoken/components를 독립적으로 로드하는 경우)에게는 { flatten: true }만 적용하세요.

파일 경계를 넘겨 Mangle하려면: 함께 로드되는 CSS 파일을 처리하는 각 applyMinify 호출에 동일한 Map 인스턴스를 mangle.sharedManifest으로 전달하세요. 토큰 시트를 먼저 처리하세요(매니페스트를 시드함), 그다음 컴포넌트 시트를 처리합니다.

예제들 ​

세 가지 변환을 모두 자체 포함 번들에 적용

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

인터페이스 ​

타입 별칭 ​

변수 ​

함수 ​